Latest Contributions by KlaraSchmitt

‎09-03-2025

If you're okay with those cards being slightly wider, you could also remove the 'col-lg-3' in your code, which would mean that the medium breakpoint of 3 cards, 4 columns wide (col-md-4) would apply to these and they'd stretch to fill the space of the 12-column grid.

‎07-31-2025

Hi @CatherineWendland, Another thought: It might be a bug with WAVE. They don't seem to have an external repo for reporting bugs, but they do have a contact form on their Help page: https://wave.webaim.org/help You might be able to reach out with your issue and see what they say.

‎05-09-2025

Do you have any fixed width content, like an extra wide image, further down the page? It looks like the container of your Hub site isn't resizing to the mobile viewport correctly and my first guess would be that there's some type of content that can't wrap that is forcing a horizontal scroll and keeping your site at more of a iPad size. My second guess would be that you might have some custom CSS or HTML that either has a fixed width and can't shrink or is accidentally overriding a mobile breakpoint, but that's hard to know for certain without the URL. Do you have a public URL?

‎04-22-2025

@bsklafloh Are you using any generic selectors? My advice would be to set a unique class on each of the rows that contain elements you wish to style and then make sure your selectors are contained within that, e.g. .myUniqueRow div {float: left} One way to determine whether your CSS is the cause of these problems would be to temporarily comment it out. For CSS, the way you would do this is: /* .myUniqueRow div {float: left} */ If you do that and the problem goes away, then you'll know it's something in your styles that is impacting the layout of our app and likely because you're using a broad generic selector either from Bootstrap (e.g. ".container") or a generic HTML element (e.g. "div").

‎04-22-2025

Adding to Justin's questions, you don't by chance have any custom CSS on your site, do you? If you use out-of-the-box Bootstrap without a unique row selector, it can sometimes affect the CSS of our app by accident, especially if you use !important.

‎02-26-2025

Hi @AviS, The original post is talking about a custom header. Are you asking for help for spacing within a custom header? Or are you asking about the Hub row card specifically?

‎02-24-2025

Hi @Jen_Kern, You should be able to override our CSS. But you'll want to create a custom row class before you do this, so you don't accidentally affect anything else. On the row that contains the Text Card, go to Settings, then under Appearance, fill out the field labeled Row CSS Class. For purposes of my explanation, I'm going to pretend that I've set a row class to: custom-site-overrides Then to change the styling attached to the blockquote, you'll want to open up the HTML editor on the Text Card and add this to the top: <style> .custom-site-overrides blockquote { border-left: 5px solid #c4bcdc; } </style> Change the #c4bcdc to your preferred color and change 5px to whatever thickness you want. If you wanted to adjust the padding as well, you could add another line padding-left: 24px; and change that too.

‎01-30-2025

Hello @PanGIS , You are correct. Due to security concerns, Hub does not permit external javascript to be embedded and within my knowledge, limiting who can see links is only built into our out-of-the-box headers. I don't know of a way for you to do with with the custom header.

‎12-09-2024

Hello, Unfortunately, the code for the pledge-wrapper generates the numbers through a CSS property called counter-increment. There is no equivalent for icons. Additionally, because the numbers don't exist in the HTML, they can't simply be replaced by code for icons. Your best bet might be to look through CodePen samples for a horizontal timeline that uses icons and is generated through pure CSS. I did try a handful for you, but I couldn't find any that handled responsive resizing well. Sorry.

‎12-09-2024

You can upload imagery file types to ArcGIS Online (ex. PNG, JPEG), but I'm not sure our Gallery would display them in the way you want, because the lower half of the card does include a title and description and a link to the item. If you simply want a grid of images, you might a row of Image Cards.

‎12-03-2024

Hello, Unfortunately, as you've likely determined, we do not have the ability to upload an icon for you to reference in your Category cards and if you want to use a image with an SVG file extension, I think the only way to do it is by doing what you're doing now. Typically, the reason SVGs are not supported as uploads in Online or Hub is because they are stored as SVG objects that usually something like this: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="image" aria-label="activity monitor"><path d="M19 13h-2.15l-3.35 9.213-6-16.5L4.85 13H1v-1h3.15L7.5 2.787l6 16.5L16.15 12H19a2.496 2.496 0 0 0 0 1zm2.5-2a1.5 1.5 0 1 0 1.5 1.5 1.502 1.502 0 0 0-1.5-1.5z"/><path fill="none" d="M0 0h24v24H0z"/></svg> and sometimes not-great stuff can be added to those objects, so it's a security precaution to prevent direct SVG uploads. However, when you host your SVG elsewhere and just give Hub the URL, then we're able to use the image object to display the SVG and that's not as risky: <img src="http://www.host.com/myfiles/activity.svg" alt="activity monitor"> Sorry for the inconvenience.

‎09-20-2024

Maria already shared the documentation link I was going to share 🙂 (Topic: Share private content), but I'll also call out that on that doc page, there is instruction on how to set Row visibility for sites and pages, which could be used to show one set of category cards to one group of people and another set of category cards to another group of people on the same site or page.

‎09-03-2024

Hi @KathrynClifton, The reason you are unable to set social media links to open in new tabs through our header is because there is not a good way for us to indicate that on an icon-only button. We are trying to adhere to the WCAG recommended techniques of not opening links in new tabs or windows: https://www.w3.org/WAI/WCAG21/Techniques/general/G200 https://www.w3.org/WAI/WCAG21/Techniques/general/G201 Typically, when we do have our application open a link in a new tab, we append a launch icon to the end of the link text. The launch icon itself is labelled "opens in new tab," which helps us avoid having the aria-label on the link, which would then trump the link text itself and fail: https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-in-context. However, with icon-only buttons for social media, we label the icon based on the destination (e.g. YouTube, Instagram, etc.) to pass the link purpose guideline and since we cannot really append a second icon warning that the icon button would open in a new tab, we do not make it configurable.

‎08-21-2024

Excellent. Glad I could help. 🙂

‎08-21-2024

Ah. Okay, so the <form></form> elements will not work. I thought you were asking specifically about CSS, which is supported, but has some limitations when Shadow DOM is involved. With regards to HTML, we do not support form elements and/or Javascript code as it poses a security risk to our platform. For a list of supported HTML, please refer to this documentation: https://doc.arcgis.com/en/hub/sites/add-text-and-images.htm#ESRI_SECTION1_15E3903373B04DF391D6DF5D15473B44 Additionally, we try to support most Calcite web component's from Esri's design system: https://developers.arcgis.com/calcite-design-system/components/

Online Status	Offline
Date Last Visited	3 weeks ago

My Ideas

Latest Contributions by KlaraSchmitt

Re: How can I center these three cards with css?

Re: Heading levels in Instant Apps

Re: Cutting off banner text on mobile devices

Re: Menu Button Text Disappeared

Re: Menu Button Text Disappeared

Re: Custom Header for Enterprise Site: Calcite Bootstrap

Re: Blockquote line color/styling?

Re: Custom HTML/CSS header - Hide a menu link which links to an app that it is shared with a group only

Re: Use icons instead of numbers for pledge wrapper

Re: Gallery Card won't show Images

Re: Upload svg to content for Hub categories

Re: Question about Sharing

Re: Social Media Icon Links

Re: Can I use inline styles since external style sheets aren't supported?

Re: Can I use inline styles since external style sheets aren't supported?

Re: Menu Button Text Disappeared

Re: Custom HTML/CSS header - Hide a menu link whic...

Re: Question about Sharing

Re: Can I use inline styles since external style s...

Re: Required syntax for the Row CSS Class ArcGIS H...