Latest Contributions by KlaraSchmitt

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

Could you provide before and after screenshots?  ... View more

@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

Ah. Yes. Our image card is an actual image object, whereas the row uses a background image so it's more of a container, which makes it easier to place text within the container. Your best bet at the moment would be to embed text into the image using a photo editor. I like https://pixlr.com/editor/, but I'm told Canva is also very easy to use: https://www.canva.com/photo-editor/.  ... View more

Is this suitable to what you are trying to do? https://community.esri.com/t5/arcgis-hub-documents/tips-adding-an-opaque-content-block/ta-p/920452 ... View more