POST
|
Unfortunately, this is correct. The plugin that we use for our Text Card does not support image editing the same way our Image Card does, so modifying the image through the WYSIWYG experience wouldn't yield consistent results. Those cards are part of our code snippets we include in the editor and do require a little bit of HTML knowledge to change the image, but in doing so you're more likely to maintain the code structure that keeps them visually consistent. You might consider using our Gallery Card if you don't feel comfortable with HTML, as it handles dynamic injection of thumbnails based on the item details. Both Gallery Card and Image Card will also handle responsive resizing automatically for images. I'm sorry, this is probably not the answer you were hoping to hear.
... View more
03-02-2021
06:24 AM
|
0
|
2
|
1858
|
POST
|
Hi Kristen, To change the row background image, you want to open the site in the Layout Editor. 1. Hover over the row until you see the vertical button controls for the row. (Row buttons are in vertical groupings, card buttons are in horizontal groupings to avoid overlay.) 2. Select the pencil icon to open Row Settings. 3. In the Row Settings panel, under the Appearance accordion, there will be options for adding a replacement image. You can choose to link by URL or upload directly. (This is my site so the color pallet will look different than yours, but this is what to expect.)
... View more
02-22-2021
06:12 AM
|
0
|
0
|
681
|
POST
|
Hi Kristen, It is a little hard to give recommended banner dimensions for background images in Hub as Hub is a responsive app and content will re-order based on device size. For example, with that template, assuming you keep the title, subtitle, and search as-is, and add no other cards to that row that would increase height, the row height is 365px on desktop and 616px on an average size phone screen. Depending on what you want to guess is the average desktop browser screen might be, maybe ~1200px for laptop screens or ~2000px for larger screens, I'd say the minimum size requirements for replacing that image would be a 616px height banner than is 1600-2000px wide. But because large images do tend to load more slowly, especially on mobile networks, it's also best to use JPEG if no transparency is required and to compress images if possible, using something like: https://www.iloveimg.com/compress-image Lastly, as previously stated, Hub is responsive; this means we may proportionally resize your background image so that regardless of device size, your image will cover the entirety of your row background. It also means that parts of your image may not always be visible depending on a viewer's screen size. We do provide an option to set image focal point. This lets you choose which portion of the image should be the part the primary focus as the image scales for different devices. If you do wind up changing the height of the content in the row, you can determine your new row height on desktop and mobile by a couple different methods. 1) You can use a browser ruler plugin, such as this Chrome extension, which will let you draw a rectangle on any portion of your screen and get measurements: https://chrome.google.com/webstore/detail/page-ruler-redux/giejhjebcalaheckengmchjekofhhmal?hl=en 2) Alternatively, you can use Chrome Dev Tools to measure the height of an element. You would right-click on the row, select inspect from the dropdown menu, and then click on the <section> html element from the Elements panel. This should pop up a white tooltip on the visual panel with the dimensions of the row and that is what you can use to size images. You do want to do this for both a desktop browser and a mobile browser, but Chrome Dev Tools does offer a mobile emulator, simply click the icon, select the device type, and repeat the inspection of section.
... View more
02-12-2021
02:21 PM
|
1
|
0
|
2560
|
POST
|
Hi Ulrich, I'm sorry that you are having this problem. When you are dropping a card in the layout editor, are you seeing a white box with two sides and does one of them turn blue before you release the card to drop it? The blue side of the white box is where your dragged card will show up in relation to existing content. If you able to see the boxes and are able see one side turn blue before you release the card to drop and it's still not working, can you please tell me what browser you are using?
... View more
02-12-2021
11:40 AM
|
0
|
0
|
507
|
POST
|
Hello, I'm sorry you're experiencing this issue. This particular community is about ArcGIS Hub, so unfortunately we aren't going to be able to solve this issue, but I wanted to let you know that I have reported it to someone who is going to try to find the right folks who can fix this.
... View more
02-05-2021
06:20 AM
|
1
|
0
|
461
|
POST
|
Unfortunately, it is not presently possible to edit individual items in our Gallery Card as that is a dynamic card that updates automatically based on the parameters you set, so you would have to change the name of the item at the root object, which I recognize you do not want to do. The only other solution I can see is that instead of using our Gallery Card, you could make your own cards using HTML and our Text Card, which would allow you to change the item name to whatever you want and you'd simply need to link to the Hub item yourself. I will provide the basic code for a card - styling will be handled automatically, but you may want to adjust the Boostrap grid classes in the div wrapping the card depending on how many cards you want to show in a row. The code I will provide assumes 3 cards in a row on laptops, 2 cards per row on tablets, and 1 card per row on mobile. If you want 4 cards in a row on laptop instead, switch col-md-4 to col-md-3. <div class="col-xs-12 col-sm-6 col-md-4">
<div class="calcite-web">
<div class="card-base">
<div class="card-image-wrap">
<img class="card-image" src="http://esri.github.io/calcite-web/assets/img/docs/bridge3.jpg" alt="Bridge Club, 1954">
<div class="card-image-caption">
Florida, January 1954
</div>
</div>
<div class="card-content">
<h4><a href="#">Card with Image</a></h4>
<p>Cards can have full-bleed images with optional captions.</p>
<a href="" class="btn btn-default">View Examples</a>
</div>
</div>
</div>
</div>
... View more
02-04-2021
02:17 PM
|
0
|
1
|
1965
|
POST
|
Hello, Instead of using <a href="https://..."> for your home link, try <a href="/">.
... View more
01-15-2021
10:55 AM
|
1
|
1
|
978
|
IDEA
|
Hi Lori, We can definitely consider your request for adding alt text to the thumbnail image for gallery cards, rather than marking them decorative. Good idea. But for your awareness, background images are considered innately decorative: https://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/F3 Using an image card is a better fit for non-decorative content, since it uses also the <img> tag, which conveys more information to those using assistive technologies. The CSS background-image property actually doesn't support alt text because in HTML, as it's not read as an image, it's usually applied to a container-level element holding additional content. There are ways around this, such as using an aria-label, but one still has to add extra aria-roles to properly convey to screen-readers that the <div> or <section> is masquerading as an image and for instance, NDVA does not read aria-labels on divs or spans. It's a known bug on that screen reader that has been open since 2017. We usually advise using semantic structure whenever possible for that reason, since screen reader idiosyncrasies can be quite varied. But that being said, in looking at your link, it seems like your child blowing dandelions is a decorative image, so I think you'd be okay in leaving it as a row image. One way to consider whether an image is decorative or not, is to consider, if you removed the image entirely would there be any critical information lost to your audience? If yes, then you need to add alt text. If no, then you're essentially adding it for visual interest, and you can mark it as decorative. Also, if describing the image would be redundant to surrounding copy, then it's better to mark it as decorative, because most likely those using assistive tech don't want to hear the same thing twice.
... View more
01-15-2021
06:20 AM
|
0
|
0
|
1037
|
POST
|
Hi, You've posted in the ArcGIS Hub community. We represent a web app within esri. It sounds like your are asking about an ArcGIS Pro issue. You might find more knowledge people in the community specific to ArcGIS Pro: https://community.esri.com/t5/arcgis-pro-questions/bd-p/arcgis-pro-questions
... View more
01-11-2021
09:19 AM
|
0
|
0
|
400
|
POST
|
We don't have a subscription to Webroot. Would you be able to provide information on how Webroot classifies sites as "suspicious"? We might be able to help you identify what is causing the issue if we can understand the parameters. For what it's worth, a Chrome security scan of your site shows no issues. If you're not sure how webroot is determining these web shield symbols, you might also try the steps outlined in this forum post for asking them to review and reclassify your site: https://community.webroot.com/webroot-secureanywhere-antivirus-12/why-are-my-websites-coming-up-suspicious-on-internet-search-the-security-scans-show-no-malware-230623
... View more
01-07-2021
06:34 AM
|
0
|
0
|
558
|
POST
|
Hello, Yes, it's possible to embed Hub into WordPress. You will not be able to do it with the WordPress Embed Widget as Hub does not presently support the oEmbed Protocol. But you can insert it through a traditional iframe added in the code editor. The iframe dimensions will be dependent on the size of your WordPress site though. If you have blocks contained in a fixed-width container, the iframe will not extend beyond the edge of that container and if it's too narrow, it may trigger our tablet layout. You can see an example of what I've described in the following screenshot. Hub site in tablet view embedded in WordPress If you still wish to try this on your own site, you can use the Code Block (in the new WP editor) or the Code tab (in the old WP editor) to add: <iframe src="site-url-here" width="100%" height="600" frameborder="0" scrolling="yes"></iframe> In the new WP editor, you may also need to select the code bracket dropdown menu at the top of the block and in the "Transform To" menu, select "Preformatted," save your post/page, and select Preview.
... View more
11-20-2020
09:43 AM
|
0
|
0
|
1317
|
POST
|
Nataliya Lys, When you see something like this, where you have a header that's extended beyond the edge of your content, it's a good idea to scan your content and see if anything's overflowing its container. The header is fluid-width and will scale to be as wide as the widest piece of content on the site. In this case, it looks like your Google Play icon is falling outside of your content container, which is extending the width of your site. It's actually not an issue with the header. Change the width on the google play button or stack those vertically and this should go away.
... View more
11-09-2020
07:53 AM
|
0
|
0
|
2727
|
POST
|
Hi Natallya, I spoke to a colleague who explained the top-padding is generated to maintain fixed positioning for your custom header and to avoid having the header overlap your content. It appears the dropdown menu is taking up physical space rather than being an overlay, which is what is causing that white gap to appear. He recommends you add this to your custom header code to remedy that: .navbar-collapse { position: absolute; width: 100%; } .navbar-collapse > ul.nav.navbar-right { margin-top: 0; } Hopefully that helps.
... View more
11-04-2020
08:44 AM
|
0
|
4
|
2728
|
POST
|
Hi Natallya, Have you tried right-clicking the white area and selecting Inspect to look at the CSS in the browser dev tools? You can then turn on and off CSS rules until you see what might be affecting it. This is what I would do. I can look if you provide a link, but trying to diagnose a custom CSS issue with just a picture is really hard. If I had to guess, there's likely something amiss with how you're doing display level elements, positioning, or margins in your CSS.
... View more
11-04-2020
05:30 AM
|
0
|
6
|
2728
|
POST
|
Hi Jessica, Could you explain a bit more of what you're expecting? We're currently in the process of redesigning our content views in Hub, and it's a priority for us to make sure Hub is accessible. In Hub, we typically relied on the table (under the data tab) as an alternative to the map, since tabbing through the many, many points/lines/polygons on a map doesn't seem like an optimal experience either. Plus, our team doesn't work on the mapping engine directly, so we aren't always able to influence map interactions. Our current data table does support tabbing through the TH row, which contains sort and filter options, and then switches to arrow keys to navigate cells. We are redoing our filters as part of the content view project and our geolocation search (search within map/data) should filter both map and table. (But I see our current version has a bug.) Is this what you were inquiring about? Or were you trying to get at the idea of clustering points on the map and having those keyboard navigable?
... View more
09-29-2020
06:29 AM
|
0
|
0
|
1049
|
Title | Kudos | Posted |
---|---|---|
1 | Friday | |
1 | 08-21-2024 10:31 AM | |
1 | 01-12-2023 06:17 AM | |
1 | 08-09-2024 07:25 AM | |
1 | 08-07-2024 12:56 PM |
Online Status |
Offline
|
Date Last Visited |
Friday
|