Latest Contributions by KlaraSchmitt

‎05-17-2021

Hello, While organized nested headings are a recommended technique (G141) of the 1.3.1 Info and Relationships guideline, it is not always possible to get it exact with dynamic layout builders like ours. If you want to improve your page, I might recommend switching your Banner heading to an h1. If you are comfortable with HTML, you can append the banner-heading class to the h1 like this: <h1 class="banner-heading">Create Your Own Citizen Science Project</h1> Then if you add a row above your gallery cards, you can add another <h2>Step-by-Step Instructions</h2>, which will improve page structure as your other headings are already h2s. Also, if you switch the sentence beginning with "Dr. Mustafa..." to an h3 rather than an h4, you will improve nesting. I don't know why Wave isn't detecting page regions though. Typically, when I hear page regions, I assume that automated testing tools are looking for landmark roles and as you can see from this screenshot of the VoiceOver landmark roles menu, we have included landmark roles in Hub sites. (There are multiple labeled navigation menus, a main section of content, and a footer.) VoiceOver Menu for landmark roles

‎04-23-2021

@Trippetoe I think perhaps I didn't do a good job explaining this. You want to put "metro-cat-row" as the unique class in that CSS Row Class field. No CSS yet. Then in your Text Card somewhere on the page, you would do an embed <style> tag but use that class to target the base class (.panel-footer) with more specificity. You were likely doing it already. My tip was more so to safeguard your Text Card styles by involving a unique class as a selector. <style> /* This goes in your text card. */ .metro-cat-row .category-card .panel-footer {font-size: 18px; color: #16a8b5;} </style>

‎04-23-2021

Hello, I can add your suggestions to the category card backlog, but in the meantime, yes we generally recommend avoiding appending styles to our base classes because using generic classes means our stylesheets may take precedent over embeded styles. So if you are going to do it, I'd recommend adding a unique class to the row (Row Settings > Appearance) and then using that in your Text Card to target the panel class. .mysite-cat-row .panel-footer {font-size: 18px; color: #16a8b5;} This makes the applied styles more specific, so that if we do change the root class in our global stylesheets, it's unlikely to step on your more granular specification.

‎04-23-2021

Hi, I'm very sorry that this is happening. We've gone ahead and opened a bug and will notify you when it's been fixed.

‎04-15-2021

Hi @SaadhasnainKhan, We do not support passing authentication into iframes that are outside our ecosystem. If you iframe content that is on *.arcgis.com, we can pass user credentials to the iframed application. But if you are iframing in content hosted elsewhere, there is no way for us to pass in authentication for you to use. Sorry.

‎04-15-2021

Hi Mattias, There is not presently any method to adapt the gallery card to 6 cards as the pattern was established to optimize the set for multiple device sizes within the typical fixed width site layout and 12 column grid used by Bootstrap 3. However, the good news is that Gallery Cards today are clickable in their entirety. If you are comfortable using CSS & HTML, you could use a static card layout (found under the plus icon) within the Text Card to add three cards to your Text Card canvas. Then using the Edit in HTML button at the bottom, you can switch to the code editor and add an additional 3 more cards. You will want to switch the Bootstrap grid container from col-md-4 to col-md-2 in order to get 6 cards. You might also want to tweak the col-sm-* class because 6 is very skinny in tablet devices. Lastly, these are not clickable in their entirety, so they do operate a bit different from our dynamic gallery card. You could wrap the thumbnail in a link though to get your desire effect. Also, unfortunately, uploading replacement images is not as easy as it could be, but you can read how to do it in my post here: https://community.esri.com/t5/arcgis-hub-questions/unable-to-interactive-edit-card-images/m-p/1033943#M4253 Site displaying 6 skinny static cards

‎04-15-2021

Hello @DanGriffin, We'll be releasing a new version of our data views in early May. You can read more about it on this blog post: https://www.esri.com/arcgis-blog/products/arcgis-hub/sharing-collaboration/how-arcgis-hub-makes-it-simple-to-share-engaging-content/ and with that release, we will be adding a spatial filter that does what you describe, so keep a lookout for it. 🙂

‎04-15-2021

Thank you for the idea. I had thought since we (ArcGIS Hub) were meeting https://www.w3.org/WAI/GL/2016/WD-WCAG20-TECHS-20160105/C15 that we were covered, but I see in re-reading the criterion that is no longer the case. I'll add your suggestion to our feature backlog. If you have not already, you may want to post this to the ArcGIS Online idea board as well: https://community.esri.com/t5/arcgis-online-ideas/idb-p/arcgis-online-ideas

‎04-12-2021

@CIDAdmin Yes. In the same section, Settings > About, there is a toggle for custom favicon under the Summary textarea. We are unable to support direct upload of the .ico image format at this time, so you will need to have your favicon hosted some where else, but we can use a .ico url, if provided, to update your favicon.

‎04-08-2021

Under the Options menu in the iFrame Card, there is a setting "Allow Scrolling" which gives you the option "no" (scrolling is not allowed) or "auto" (scroll bars show up when necessary.) We don't have "yes" because it's very similar in functionality to auto, but it will show scrollbars, regardless of whether scrolling can be performed or not. If "auto" is not working for you, it might be a browser issue. Technically, the iframe scrolling attribute is deprecated. However, like you, we use it, because it's more consistently effective across browsers than the modern CSS-only solution. Another thing to check is that whatever content you are iframing into the card is also scrollable at the content source. It might seem like a silly suggestion, but I've encountered it at least once. Unfortunately, you are not going to be able to use the Text Card for iframes, as what you are seeing rendered is actually a bug in that it renders at all; more recent versions do convert iframe tags to text, meaning it wouldn't even come across as code.

‎04-08-2021

Hi Dave, Have you considered using the iframe Card instead of the Text Card? I don't believe we actually support iframes the HTML portion of the Text Card. When I try it on my own site, it renders as text, not code, so I think you might've found a bug. It also looks like you're using Enterprise Sites as we've done some improvements to the Text Card and added a better code editing experience. Could you tell me what version you have?

‎04-01-2021

Hello, The browser tab label comes from the <title> tags in the <head> metadata on the page. This can be set by going to your site's layout editor, selecting Settings, and filling out the Name field. If you already have that set and you're still seeing this flash, it might be due to your browser caching the web page. You can try loading the site in a private or incognito browser to avoid that scenario.

‎04-01-2021

Hello David, Our Hub application card is based on an iframe embed, so the scrolling options we offer refer to the top-to-bottom vertical scrolling that one encounters when browsing web content and are a type of iframe setting. If you were to load another type of application in the card, such as a Story Map, you would see that it does not scroll. The behavior you are observing is related to the web map itself, which has different keyboard and mouse interactions than the typical web page as related to panning and zooming. You would likely need to configure the web map itself to disable mouse scrolling.

‎03-18-2021

Hello, It is currently not possible to disable attribute charts. We will be releasing an updated design of content views this spring and toggling attribute charts is a configuration we are looking to add as we build out the customization of those views.

‎03-15-2021

Hi Lylian, Most dynamic countdowns involve javascript and Hub does not allow custom javascript due to security issues. The only work around that I can think of is if you hosted your countdown on another platform and embedded it in Hub via iframe. Sorry.

Online Status	Online
Date Last Visited	7 hours ago

My Ideas

Latest Contributions by KlaraSchmitt

Re: Make Hub Accessible

Re: Allow changes to font-size and color in Category cards

Re: Allow changes to font-size and color in Category cards

Re: Hub search page result showing 'missing translation for key' message

Re: Can we use credentials of existing logged in user into Iframe

Re: Change number of items in a row in gallery card

Re: Toggle Spatial Filter in Data view

Re: Underline Link Option WCAG

Re: How to Change Browser Tab Name for HUB Site

Re: Code View in Text Layout Not Showing Content

Re: Code View in Text Layout Not Showing Content

Re: How to Change Browser Tab Name for HUB Site

Re: No Allow Scrolling for application card not working

Re: Turn off attribute charts in Open Data

Re: Countdown in the HUB

New accessibility documentation

Re: Dashboard selector color tied to element focus...

Automated accessibility scanning and the Shadow DO...

Re: WCAG AA accessible polygon colors

Re: Menu Button Text Disappeared