POST
|
Is it possible you aren't the only person editing the page? If someone else had a older copy of the site open in their browser and clicked save, they'd be over-writing your changes. (I inadvertently did that to a colleague once; I felt so bad.) If you are the only one editing and the following steps do not work for you, I would open a Support issue. 1. Change banner image in layout editor 2. Save changes 2. Preview draft (confirm it is to your liking or share with others for review) 3. Return to editor 4. Publish draft 5. See banner updated on published (live) site
... View more
04-18-2024
07:45 AM
|
1
|
0
|
385
|
POST
|
Hi @ThomasGoodridge, It might be that your browser is caching the layout. You could try clearing the cache for your browser or opening the published site a private browsing window to see if the problem persists.
... View more
04-18-2024
07:08 AM
|
0
|
0
|
400
|
POST
|
Hi @BradCarone, Unfortunately, we do anticipate the link being tied to the title for the foreseeable future. Me and the developers spent a lot of time considering all the different patterns available and this was the best work-around. (And we tried a lot of things.) We cannot have an empty link on the thumbnail as we've had multiple customers log that as an accessibility bug. We'd need support for storing custom alt text with thumbnails and I believe that would be a change to the ArcGIS Online item structure.
... View more
04-09-2024
12:50 PM
|
0
|
0
|
270
|
POST
|
Hello @ArmstKP, There is no setting to adjust that. Unfortunately, because we do not have a way to store alternative text for thumbnails on items in the system, we have to mark gallery card image thumbnails as decorative for assistive technologies. Additionally, due to the components we're using, we cannot make the entire card clickable / selectable and if we wrap the image in a link, then the link communicates as empty or blank, which breaks the accessibility guideline https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-in-context.html. Therefore with the options we had available, we chose to remove the link around the thumbnail and only allow linking on the titles and/or buttons (if available) as these can be configured to convey where links will go.
... View more
02-21-2024
08:03 AM
|
1
|
3
|
438
|
POST
|
Hello @LondonWalker, While Hub does have a beta capability that does impromptu translations, the translation capability relies on Google Translate, which has since been deprecated. It is very likely that other apps in the Esri suite do not wish to integrate the technology given that it is no longer supported by Google. You can read more about manual translations in Hub and the announcement here: https://www.esri.com/arcgis-blog/products/arcgis-hub/constituent-engagement/translating-hub-sites-and-pages/ You can also read Google's official deprecation notice that as of Dec. 4, 2019 the translation toolkit is no longer supported: https://support.google.com/answer/9464390?visit_id=637360522127634509-3696710421&rd=1
... View more
02-12-2024
02:44 PM
|
2
|
1
|
600
|
POST
|
I'm going to summarize my earlier response, just so folks have context, in case anyone else runs into this problem and then I'll elaborate on how to get your image and text to line up vertically. -- In our earlier conversation, we talked about how to simplify your code to find out what CSS element was causing the text to cut off and I recommended removing all the positioning attributes, as doing anything with top, bottom, left, right and absolute or fixed positioning is risky when you're a beginner and don't fully understand what the code is doing. I also recommended opening up Chrome Dev tools via right-click on an element > Inspect and then turning on and off the checkboxes. I also suggested wrapping any CSS you embed via <style> tags in a unique classname that could be set in Row Settings under CSS Class, so as to be less likely to interfere with the CSS classnames Hub uses to make our software. For a more detailed reply with pictures on how to do that, see my response here: https://community.esri.com/t5/arcgis-hub-questions/how-to-get-all-cards-in-a-text-box-to-dynamically/m-p/1292528/highlight/true#M5678 Right click website element, select inspect from dropdown menu, and then within CSS properties start turning off attributes until the problem is identified -- Moving on - the reason that your elements do not automatically line up vertically is because reflow is not automatic with custom HTML and CSS. The Layout Editor uses Bootstrap 3, which you can read a little bit more about it on the post I've linked above, but essentially because you are lining up multiple elements inside a Text Card rather than using individual cards, you will need to duplicate the grid inside the Text Card. You can wrap your image and text-container elements in <div> elements and apply Bootstrap 3 classes to them to indicate breakpoints, like this: <div class="col-xs-12 col-sm-4"> <div class="image-container"></div> </div> <div class="col-xs-12 col-sm-4"> <div class="text-container"></div> </div> Your other alternative is to write media queries that would remove the width calculations at a specific device sizes: https://web.dev/learn/design/media-queries#adjust_styles_based_on_viewport_size @media (max-width: 560px) { .image-container { width: 100%; } .text-container { width: 100%; } } ^ This indicates that for screen sizes no bigger than 560px, overwrite previous CSS rules. Media queries written like this should be placed below the rest of your CSS, so that the "cascade" applies correctly. (I also can't promise the code above will work - I'm writing it off the top of my head so you get an idea of how overwrites work for media queries, but it may require tweaking.)
... View more
01-08-2024
08:34 AM
|
0
|
0
|
1025
|
IDEA
|
@DarrenLloyd__DOIT Are you familiar with our Accessibility resource page? It links to a number of blog posts about accessibility and our products: https://www.esri.com/en-us/accessibility/resources Or if you're looking for more documentation on what is possible within the Calcite Design System, this is the documentation for that: https://developers.arcgis.com/calcite-design-system/components/
... View more
12-27-2023
06:16 AM
|
0
|
0
|
571
|
IDEA
|
Hello, The calcite-accordion-item is part of Esri's Calcite Design system, which is designed to be highly configurable, so that any Esri application can use it. As you note, the heading role and level HTML attributes are already supported by calcite-accordion-item, but because the component is intended to be flexible, it is not always presumed that accordion headers will be headings. (For instance, Hub uses accordions on our search filters and we were told during an accessibility audit that those should not be headings and we have subsequently updated.) I understand it may be a nuisance to have to apply the HTML attributes individually to each of your accordions within your Hub Site or Hub Page, but even if we added the role="heading" to the default accordion item, levels would still have to be set individually, since we cannot know where in the site/page heading hierarchy a customer has placed their accordions. So at the moment, the calcite-accordion-item in Hub uses the default configuration set by the design system. But it sounds like you have a solution that works for you, even if it requires a tad bit more configuration than you'd like.
... View more
12-26-2023
06:54 AM
|
0
|
0
|
585
|
POST
|
@PatrickMarshallTT My answer might vary slightly, depending on what you are using for the source of the icons. If the icons are SVG objects that have been pasted into the text card - then you will want to use the fill attribute, as the color attribute does not work on SVGs. You could do this as inline styling: <svg style="fill:blue;"></svg> or as embedded styles: <style> .setting-svg-color {fill: blue;} </style> <svg class="setting-svg-color"></svg>
... View more
10-02-2023
11:01 AM
|
0
|
0
|
912
|
POST
|
@DarrenLloyd__DOIT You may find this post I made helpful for how to manage active states with a custom header: https://community.esri.com/t5/arcgis-hub-documents/tips-showing-active-page-in-a-custom-header/ta-p/908552
... View more
09-14-2023
06:37 AM
|
1
|
0
|
1003
|
POST
|
@GeneH_Chesco You can add fonts to the Hub site theme by going to the site editor, then selecting theme, and then scrolling down past the list of colors where we have two fields for setting base font and heading font. Select the gear icon and this will launch a model where you can add your Google fonts.
... View more
09-11-2023
12:19 PM
|
0
|
1
|
655
|
POST
|
Hello @MathieuVillemont, You are correct. It is not in ArcGIS Enterprise Sites yet. It will be available in the Text Card in 11.2.
... View more
08-28-2023
10:58 AM
|
2
|
1
|
990
|
POST
|
Hello @AndrewCastilloTBSL, Hub uses the 12 column grid from Bootstrap 3, so the the top row of cards is distributed evenly across 12 columns by making each card 3-columns wide. With our Gallery Card, you can have a max of 4 cards per row. So in the second row, where you only have 2 cards, they are being stretched to 6-columns wide. If you want to have 3 cards in the top row and 3 cards in the bottom row, I'd recommend adding a 1-column spacer to the left side of the Gallery. (You will need to downsize it to 1-column.) But that will prevent the Gallery Card from trying to put 4 cards in the top row.
... View more
08-18-2023
12:08 PM
|
0
|
0
|
941
|
POST
|
Hello @MathieuVillemont, You can use select any of the calcite components, including the calcite icons, in Hub via our Text Card. You just have to switch to Edit in HTML first and then you can paste in the component code. Edit 02/26/24: It turns out I was incorrect when I stated that any of the calcite components could be used. For a list of supported components see: https://doc.arcgis.com/en/hub/sites/add-text-and-images.htm#ESRI_SECTION1_3E6FBF82D17C476D9A7AA6F432E38CAA in Hub documentation or https://enterprise.arcgis.com/en/sites/latest/sites/add-text-and-images.htm#ESRI_SECTION1_3E6FBF82D17C476D9A7AA6F432E38CAA in Enterprise Sites documentation.
... View more
08-18-2023
12:03 PM
|
1
|
3
|
1032
|
POST
|
Hello, We've been looking into this and while initially I could reproduce on an Android tablet, my version of Chrome was two years out-of-date and updating to the latest version fixed it. If you are still having this issue, could you please let us know the model and screen resolution of the tablet you are using as well as the version numbers for Safari and Chrome?
... View more
08-17-2023
06:18 AM
|
0
|
0
|
485
|
Title | Kudos | Posted |
---|---|---|
1 | 3 weeks ago | |
1 | 01-12-2023 06:17 AM | |
1 | 08-09-2024 07:25 AM | |
1 | 08-07-2024 12:56 PM | |
1 | 04-18-2024 07:45 AM |
Online Status |
Offline
|
Date Last Visited |
a week ago
|