POST
|
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.
... View more
09-03-2025
07:46 AM
|
0
|
0
|
117
|
POST
|
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.
... View more
07-31-2025
06:42 AM
|
0
|
1
|
315
|
POST
|
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?
... View more
05-09-2025
06:20 AM
|
0
|
0
|
327
|
POST
|
@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").
... View more
04-22-2025
07:38 AM
|
1
|
1
|
538
|
POST
|
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.
... View more
04-22-2025
06:22 AM
|
0
|
3
|
541
|
POST
|
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?
... View more
02-26-2025
02:40 PM
|
0
|
0
|
191
|
POST
|
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.
... View more
02-24-2025
07:35 AM
|
0
|
1
|
401
|
POST
|
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.
... View more
01-30-2025
07:00 AM
|
1
|
0
|
483
|
POST
|
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.
... View more
12-09-2024
11:32 AM
|
0
|
0
|
320
|
POST
|
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.
... View more
12-09-2024
09:21 AM
|
0
|
0
|
506
|
POST
|
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.
... View more
12-03-2024
11:50 AM
|
0
|
1
|
765
|
POST
|
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.
... View more
09-20-2024
05:29 AM
|
1
|
1
|
760
|
POST
|
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.
... View more
09-03-2024
07:01 AM
|
0
|
0
|
1086
|
POST
|
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/
... View more
08-21-2024
10:42 AM
|
0
|
2
|
948
|
Title | Kudos | Posted |
---|---|---|
1 | 04-22-2025 07:38 AM | |
1 | 01-30-2025 07:00 AM | |
1 | 09-20-2024 05:29 AM | |
1 | 08-21-2024 10:31 AM | |
1 | 01-12-2023 06:17 AM |
Online Status |
Offline
|
Date Last Visited |
3 weeks ago
|