|
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
|
1146
|
|
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
|
1480
|
|
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
|
1562
|
|
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
|
1928
|
|
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
|
1593
|
|
POST
|
Yes, you can use inline styles directly on some elements and also styles you embed via <style></style> tags into a Text Card somewhere on your page. You may find that not all your styles will stick if you are using Calcite web components. This is because of something called the Shadow DOM, which is kind of hard to explain, so the short answer is that some styles are buried in a way that's difficult to overwrite.
... View more
08-21-2024
10:31 AM
|
1
|
4
|
1599
|
|
POST
|
Yes. That sounds like the browser default. Okay, so this a two step deal. 1) You need to give your row a unique CSS class. You'll do this by selecting Row > Edit (pencil) and then finding the "Row CSS Class." Type a name in that field (I named my row "green-row" for purposes of this example.) 2) Go back to your text card. Switch into the HTML editor. You can take off the inline styles I gave you earlier as this you won't need them with this snippet. Then at the top of your text card, you'll want to add: <style> .green-row a:link {color:#000000; font-weight:bold;} .green-row a:hover {color:#000000; font-weight:bold;} .green-row a:visited {color:#000000; font-weight:bold;} </style> But replace .green-row with .your-class-name instead. This will ensure that you have black, bold text for all three link states: link, hover, visited. But if you don't put the class name of the row ahead of those selectors, you're going to get that style for every link you have on your site and that might not benefit you if any of your other rows have dark backgrounds. Generally, we want to avoid really generic selectors for that reason - they are far more likely to have unpredictable reach, so I definitely recommend making sure you have a unique row class around generic selectors to avoid that situation.
... View more
08-15-2024
02:30 PM
|
0
|
0
|
1108
|
|
POST
|
It looks like your theme link color is set to white based on your buttons in frame, which we calculate using link color and site background color. It would appear that the site link color may be winning against your inline link color. When you switch to the code view, are your links styled like this: <li><a href="#" style="color: #000000; font-weight: bold;">Link text</a> goes here</li>
... View more
08-15-2024
01:12 PM
|
0
|
2
|
1136
|
|
POST
|
Good job figuring it out! I appreciate your feedback and yes, we do run that function because previously we were hardcoded to a mid-level gray, but that couldn't been seen in dark themes, so then we switched to using a lightened version of the text color to try to account for theme variation. But I will pass along the feedback about exposing a method to set border-color and sorry it caused such mayhem for you.
... View more
08-09-2024
07:25 AM
|
1
|
0
|
946
|
|
POST
|
@SarahRadel Sure. Paste the code you think is responsible. When you say it's not accepting your changes, do you mean you cannot click the Apply button in the code editor? Do you see any warning icons in your code editor? (This would signify that you have a validation error and we cannot save code we know would compile in a way that would break things.)
... View more
08-08-2024
07:44 AM
|
0
|
1
|
2873
|
|
POST
|
@SarahRadel Do you have any custom CSS used in your Hub site? Sometimes if you use a CSS selector that is too generic, your CSS will leak out of wherever you put it on the page and affect other elements. This is why we typically recommend at least setting a custom row class and then using that class in front of generic selectors. .my-special-row .card {border-color: red}
... View more
08-07-2024
12:56 PM
|
1
|
3
|
2907
|
|
POST
|
Christopher is correct. ArcGIS Hub is an Esri web app that promotes two way engagement, data transparency, and performance tracking between organizations and their communities. For ArcGIS Pro specific questions, I recommend you go to the Pro community forum here: https://community.esri.com/t5/arcgis-pro/ct-p/arcgis-pro
... View more
08-01-2024
05:13 AM
|
0
|
1
|
1387
|
|
POST
|
@JonathanMcD I am very sorry that you've been experiencing this issue. I, unfortunately, cannot diagnosis the issue and would recommend you open an issue with Support to get a trackable ticket and help reproducing the exact set of triggers. If you're feeling adventurous, it'd be helpful for us to know what the console is saying. To do this, I would recommend: 1. Open this problem URL in Chrome 2. Right-click anywhere on the page and then select Inspect to open Developer Tools 3. Select the tab that says Console 4. Screenshot any errors with a red background and include with the issue Additionally, you can turn off workspace by: 1. Selecting your username from the global navigation menu 2. Selecting Settings from the dropdown 3. Disabling the Workspace preview
... View more
07-31-2024
07:38 AM
|
0
|
0
|
865
|
| Title | Kudos | Posted |
|---|---|---|
| 1 | 2 weeks ago | |
| 7 | 2 weeks ago | |
| 1 | 01-23-2026 09:56 AM | |
| 1 | 04-22-2025 07:38 AM | |
| 1 | 01-30-2025 07:00 AM |
| Online Status |
Offline
|
| Date Last Visited |
Thursday
|