Latest Contributions by KlaraSchmitt

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

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

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

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

Excellent. Glad I could help. 🙂 ... View more

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

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

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

@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

@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

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