|
POST
|
Hi Dario, I would personally would not recommend automatically moving images as it'd affect your ability to pass this accessibility guideline: Understanding Success Criterion 2.2.2: Pause, Stop, Hide. One of the reasons you don't see any cards that support autoplaying content in Hub is that to a visitor, it can be quite jarring to land on a page and not have any immediate means via keyboard to disable moving content, and a number of our customers have laws pertaining to accessibility compliance in their countries. You could try something like https://css-tricks.com/can-get-pretty-far-making-slider-just-html-css/. It does not autoplay content, but allows you to have something a little closer to a slider. It's passably navigable in VoiceOver, NVDA, and by keyboard as a sighted individual. You'd want to make sure you have alt text on your images or actual text on your slides though. If you really want to have autoplaying content, you could build a news ticker and host it somewhere else outside of Hub and then iframe it onto your Hub site.
... View more
12-16-2019
11:11 AM
|
0
|
0
|
1255
|
|
POST
|
Hi Colin, As of now, there are not any plans on our side for adding WYSIWYG (What You See Is What You Get) controls to custom headers. We make custom headers an available option, but we do prefer you use our suggested layouts if you want us to manage mobile and active states for you. If you, the author, of a custom header can achieve a CSS only solution for active pages - then it's entirely possible. You might look into using a[href] as an attribute selector in your CSS.
... View more
12-03-2019
09:37 AM
|
0
|
0
|
1531
|
|
POST
|
Hi Eric, Not quite the text card. You can do custom embedded styles within the text card if you want to style other elements of the homepage or stand alone pages, but if you want the mega menu in your Header, you'll want to open Header from the Customize Pane in the Site Editor and choose the Custom HTML/CSS radio from the Appearance accordion. Once you've selected that, you can put your custom header Bootstrap in the HTML block and put the CSS you're using to control the mega menu in the CSS block. The HTML and CSS blocks for the Header will remain scoped to the Header, so you it'll only affect that component.
... View more
11-06-2019
02:24 PM
|
2
|
0
|
1643
|
|
POST
|
Hi Nicholas, That is a very interesting idea and I will certainly make note of it. We are actively considering other methods for our customers to use in order to theme their sites. We're trying to achieve the right balance of customization, while also avoiding the mayhem caused by earlier versions of our software which allowed global stylesheets. (When we had global stylesheets, releases were often very stressful since customers' sites often broke because new features would collide with customized CSS in ways that we couldn't even being to guess ahead of time.) We are also looking at color pickers that tie into a set of specific sub-classes (so you can reuse them for background, fill, text color, and border color.) Given that we currently allow you make custom classes through embedded style tags in a Text Card as you request, may I ask your goal? Is it that those classes aren't visible enough and you fear someone may inadvertently delete the card? Or that you want others to reuse them and they aren't visible enough in the Text Card?
... View more
11-06-2019
09:59 AM
|
0
|
0
|
1074
|
|
POST
|
Hello Eric, Out-of-the-box our header and menu selection options do not support mega menus. If you choose the custom header, you may be able to create your own using all CSS. However, we don't have any examples of customers who've done this readily available for reference. I'd recommend searching for Bootstrap 3 mega menu examples and experimenting off those to build a custom header for your site. -Klara
... View more
11-06-2019
09:44 AM
|
2
|
2
|
1643
|
|
POST
|
Hello Colin, Unfortunately, at this time it is not possible for us to take your custom code and render the mobile menu that you'd get if you were using one of our pre-designed layouts. Using the Custom Header option means that you get to set the look, but it also means that we're hands-off on controlling the layout at the different breakpoints. However, our app uses Bootstrap, so if you structure your custom header the way they suggest in their documentation, you can have a menu that toggles on/off via a burger icon and it doesn't have to start expanded. Based on your screenshot, it looks like you might have deleted the part of their code that does this for you though. If you take a look at my response to Nataliya (bullet point #2): https://community.esri.com/thread/237973-hub-site-custom-header#comment-869561 you can read more about how to correctly structure your custom header to handle responsive layouts automatically.
... View more
10-28-2019
06:42 AM
|
0
|
0
|
2687
|
|
POST
|
The number of community accounts (which includes accounts created through social media) that are associated with your ArcGIS Hub is the count that came with your premium package. Anyone with an account can follow an initiative (staff or community); it is an action that can be done by named users, it is not a role. So if you have 100 community accounts, then 100 is the maximum number of community members who can follow an initiative.
... View more
10-22-2019
08:30 AM
|
2
|
0
|
1663
|
|
POST
|
Hello Sebastian, In order to follow an initiative, one would need a Hub identity as the follower is essentially subscribing for updates. We do not presently support anonymous followers.
... View more
10-21-2019
01:35 PM
|
1
|
2
|
1663
|
|
POST
|
Just wanted to give you a heads up - your bug has been fixed and should go out in next Tuesday's release.
... View more
10-17-2019
04:57 AM
|
0
|
0
|
1691
|
|
POST
|
Ah, yes, I see what you're talking about - very small on Safari and Firefox. This definitely appears to be a bug, I'll open a ticket about it. Sorry about this.
... View more
10-15-2019
07:03 AM
|
1
|
2
|
1691
|
|
POST
|
Hi Benjamin, If you could provide an example so we could see what you are seeing that would be great. I'm also on a Mac so if you want to post a link, I can try to view your problem directly, or you can include screenshots.
... View more
10-15-2019
06:28 AM
|
0
|
4
|
1691
|
|
POST
|
Hello, Unfortunately, changing your header from fixed to static is currently not offered. It was implemented as fixed at a level is above the Custom Header option, so you wouldn't be able to affect it from our code editors. The reason we use a fixed header is because in many parts of the app, especially portions that have long lists of content (such as search results), you wind up doing a lot of scrolling on mobile devices. It's a usability best practice to keep the header visible because it lets people get around quickly, rerun searches, or exit their current page without having to scroll all the way back up. If you find your custom-header takes up too much space on mobile devices, you might be able to use media queries to change the height and style of it.
... View more
08-15-2019
11:26 AM
|
1
|
0
|
2226
|
|
POST
|
Hello Chandra, Unfortunately, having an active page marked in a custom Header/CSS implementation is not possible. This is because pages inherit the site's branding to maintain consistency. You may have noticed that you don't have the ability to customize header/footer/theme at the page level and so if you're setting an active class on the homepage for a link, it will stay that way on all other pages because you set it from the homepage. If you were building a static HTML website, you'd paste the header code section at the top of the page and change the active menu item manually, or you'd use Javascript to change it for you. However, Hub does not support static website creation and due to security vulnerabilities and also past issues where customers would import additional Javascript frameworks that would collide with our own code and break their sites, we no longer permit Javascript customizations. If you choose to use one of our two dynamic header options though, the active page will automatically highlight for you as you move around your pages.
... View more
08-15-2019
06:08 AM
|
1
|
2
|
1531
|
|
POST
|
Hi Nataliya, Ah. Okay, so because we took off the float, it looks like your custom navbar is picking up the ul styles from the global-nav element, which controls mobile views of our other headers. I'm going to report it as a bug since you need your ul not to use flex in order for Bootstrap to work on its own. I tried to find a work-around for you, but nothing I tried seems to work in conjunction with dropdown menus Here are a couple other snippets that might be of assistance later: .site-header .navbar-header img { display: none; /* If you want to avoid having your logo show up twice. */ } If you hide the logo and want your burger menu to line up with ours: .site-header .navbar-toggle { float: left; padding: 5px 10px; margin-left: 10px; margin-right: 0px; }
... View more
08-12-2019
01:01 PM
|
1
|
3
|
12026
|
|
POST
|
You're in luck! It is something easy to fix. So the .navbar-right menu is positioned on the right by a float, when you switch it to mobile, you are still getting stuck with the float because it has a !important on it (not the best practice, and I'll make note because I think it's a holdover from an old bug) and because it's a float element, the other content is sitting on top. It looks like if you add: @media (max-width: 767px) { .navbar-right { float: none !important; } } to your CSS, you can override the float and have both menus show up normally. Although, it's worth noting that your menu may not appear 100% visible because the menu currently scrolls. It has a max-height: 350px on it. If you extend that to 470px, you should have your links all visible and scrolling as necessary. I was tempted to take out the max-height all together and set a padding on the bottom of the container, but it seemed tied to the scroll functionality and I didn't want you to loose that for small device screens. .navbar-fixed-top .navbar-collapse { max-height: 470px; } Lastly, as a small caveat, I didn't cross browser test this code. It should be fine. None of it involves properties that are unsupported within IE or Edge, but for your awareness, I only looked at it in Chrome.
... View more
08-07-2019
10:22 AM
|
0
|
5
|
12026
|
| Title | Kudos | Posted |
|---|---|---|
| 5 | 06-09-2026 06:09 AM | |
| 1 | 04-27-2026 08:29 AM | |
| 7 | 04-27-2026 06:30 AM | |
| 1 | 01-23-2026 09:56 AM | |
| 1 | 04-22-2025 07:38 AM |
| Online Status |
Online
|
| Date Last Visited |
4 hours ago
|