Latest Contributions by KlaraSchmitt

Hi @KevinKhosa, You don't have much CSS specified and it looks like you may be using Bootstrap classes. This is Hub's underlying framework, but you'd probably need to put these buttons into a .navbar to have different sized devices handled automatically.  You might find one of these two samples helpful as a starting point for center-aligning navbar links: https://www.codeply.com/go/1lrdvNH9GI/bootstrap-3-center-navbar-brand-and-links https://codepen.io/davidcochran/pen/LYPrPr  I'd definitely start by wrapping all your buttons in a uniquely-named container. This will help you if you need to write any custom media-queries around placement and sizing. I can give you a Bootstrap class that will help you center your row of dropdown buttons, but it won't automatically handle how this looks on different devices. You may need to research media-queries for that if you don't use the .navbar classes. But to just center the buttons, you can put .text-center on the container wrapping around the buttons. <div class="my-row-of-buttons text-center">   [all button code goes here] </div> ... View more

Hi @GayleNeufeld, If you want to display a dashboard within your Hub homepage, you can use the iframe Card to display your dashboard as an embed. In the iframe settings height field, you will want to use vh units (eg. 100vh), which represent "viewport height," and you can actually do CSS calculations if you need to subtract the footer from that measurement. calc(100vh - 100px) 100px being the height of your footer; re-adjust as necessary if your footer is a different height. You can also set the settings on the Row Card that contains the iframe to a "Wide" layout to create a full-width effect and have the dashboard fill the width of a user's browser screen.  ... View more

Hi @AndreaC, Would you be able to provide links to the data examples you are referencing and your hub site? ... View more

Hello, I'm sorry you are experiencing this problem. Just to confirm, the COVID dashboard does have the same Sharing Level as the other apps, correct? Would you be able to share the url to your site? And the url to the dashboard? ... View more

Hello @AndreaC, In Hub, the default basemap associated with a site is the gray basemap, which contains the attribution "powered by Esri." If you're referring to public data you've shared that displays in our aggregate site: http://hub.arcgis.com, unfortunately, that also defaults to the gray basemap so the copyright won't be reflected. However, if you're referring to maps hosted on your own site, you can change the basemap by going to the Layout Editor for your site, selecting Settings, and then selecting Set Basemap. If you don't see the basemap that you are using in Online, it likely means you need to add the basemap to your organization's basemap gallery group: https://www.esri.com/arcgis-blog/products/arcgis-online/mapping/custom-basemap-gallery/ as this is what Hub references to populate the "Set Basemap" options list. ... View more

Hello, I'm very sorry that you are having this issue. This isn't expected and we'll look into it. I'll update you once I have more information. ... View more

@NFlourish, While I know we applied margins on some elements - like the Text Card - so that they wouldn't be flush up against the edges of the row in wide layouts, I honestly do not recall the reasoning for the chart card. I can bring it up to the team as something we may want to change, but since it would likely affect a lot of other sites, it's hard to know the repercussions of doing that. However, I can give you a code snippet that will fix it for your site. If you add a class to the row, which can be found in the Appearance section of row settings: Then in a Text Card somewhere on the page, if you select the </> Edit in HTML button, you can add an embedded style that can target the row. In the Text Card HTML editor, you want to add: .no-margins-chart .wideRowClass .chart-card { margin: 0px; } You do want to be careful to always wrap any system level classes (.wideRowClass .chart-card) in something unique because otherwise our CSS might collide with your styling. But with a unique row class wrapped around the system classes, you should be fine. Hope that helps! ... View more

Thanks! I didn't realize you were using the "wide" layout in your row. Now I can reproduce on my own site. You can change your site back to the settings you had before. I'll take a look at the issue and get back to you. ... View more

Would you be able to temporarily make the site public so I can take a look? ... View more

Hi @NFlourish, I'm sorry that you are experiencing issues. Do you have a public url that you could share? I am unable to reproduce this issue on my own site and the two cards (map card, chart card) really should be at the same baseline height, especially since you have the titles off on both. This seems like a bug, but it'd help if I could inspect your site. ... View more

Hi @JohnWolf2, While we do not have the same built-in attribute functionality that Story Maps has, you can add attribution to row background images through the Text Card. In my example here: https://stop-the-spotted-lanternfly-qa-pre-hub.hubqa.arcgis.com/ I have a Text Card to which I've added an attribution source link. If you add a full-width Text Card, then select "Edit in HTML" you can essentially copy my code below. Feel free to change the color or font-size as you wish. The Bootstrap class "pull-right" right-aligns the text, if you wish to have left-aligned text, just remove the class and it will default to that. <span style="color: #fff; font-size: 14px;" class="pull-right">Image Source: <a href="https://www.flickr.com/photos/usdagov/30776349158/" style="color: #fff;">USDA</a></span> If you need to darken or lighten the background of the text to improve contrast over top of your image, you can also add a background-style and some padding to the span tag. <span style="color: #fff; font-size: 14px; background-color: rgba(0, 0, 0, 0.3); padding: 2px 3px;" class="pull-right">Image Source: <a href="https://www.flickr.com/photos/usdagov/30776349158/" style="color: #fff;">USDA</a></span> which would give you this affect:    ... View more

Admittedly, I'm a little over my head when it comes to chart JSON. I'm not sure we have a lot of formal documentation, but there is a sandbox here: https://esri.github.io/cedar/, which links you to the cedar library. I don't know if that really covers the type of documentation you need. The underlying charting technology is https://docs.amcharts.com/3/javascriptcharts, but there will be limitations on what can and cannot be overwritten. ... View more