Latest Contributions by KlaraSchmitt

Under the Options menu in the iFrame Card, there is a setting "Allow Scrolling" which gives you the option "no" (scrolling is not allowed) or "auto" (scroll bars show up when necessary.) We don't have "yes" because it's very similar in functionality to auto, but it will show scrollbars, regardless of whether scrolling can be performed or not. If "auto" is not working for you, it might be a browser issue. Technically, the iframe scrolling attribute is deprecated. However, like you, we use it, because it's more consistently effective across browsers than the modern CSS-only solution. Another thing to check is that whatever content you are iframing into the card is also scrollable at the content source. It might seem like a silly suggestion, but I've encountered it at least once. Unfortunately, you are not going to be able to use the Text Card for iframes, as what you are seeing rendered is actually a bug in that it renders at all; more recent versions do convert iframe tags to text, meaning it wouldn't even come across as code. ... View more

Hi Kristen, To inject a background image in your header, you'll want to chose the "Custom HTML/CSS" option under appearance. We currently do not have a method for you to set a background image on our preconfigured header layout options, although we can certainly keep that as a consideration for a future improvements. After selecting the Custom HTML/CSS radio in the appearance section, you'll want to expand the next accordion, which will contain boxes for HTML and CSS. You can either select the text input or the expand icon to trigger the modal with the code editor for each section. Hub is currently using Bootstrap 3 and if you're using the default custom header we provide, you can apply your background image to the .first-tier CSS class or .navbar-default. You likely do not need width or height properties, but you might want to consider the background-size property: https://www.w3schools.com/cssref/css3_pr_background-size.asp If you want it to responsively rescale to fit the entire container, I'd recommend background-size: cover. You also probably want background-repeat: no-repeat to avoid tiling. If you are comfortable inspecting code, you might find https://opendata-rspb.opendata.arcgis.com/ to be a good example of how to construct a simple custom header with a background image. ... View more

Should anyone else run into this issue, the solution to targeting row classes is to use a section element rather than div element as the adjacent HTML to one's class, or simply use the classname. I was incorrect when I said the snippet looked like it should work otherwise. ... View more

This is probably going to be a little more hacky than you'd like and I apologize. We are looking into ways to make pulling in pre-existing images easier as we know many services do offer a media library. There are just some difficulties we're trying to iron out. If you have images hosted anywhere else, you could use those URLs. But if you need to replace the images and you wish to use the site item attached resources as your image hosting method, you can upload an image via the Image Card. Crop as necessary. Save your site. (You can always remove the image card once you have your image URL.) Once you have the image you want to use attached to the site as a resource, if you are using a mouse, right-click the image and select Inspect from the dropdown menu. (I'm on Chrome, so the next few screenshots will be depicting Chrome.) Select Chrome Inspect Option This will open up the Chrome Dev Tools and should highlight the image in the DOM. Code inspector showing image html Right-click the url and open in new tab. This will open a new browser tab. In the URL bar, you want to scan the url for the image extension. In my case this is a .jpg. Insert your cursor before the question mark, highlight everything from before the question mark to the end of the url, and delete it. You don't want the token as that's associated with your login and won't be there for everyone. Once you delete the part after the extension you should have an image URL that you can place in the card as a replacement image. I know this isn't terribly straightforward and I'm sorry about that. Best I can offer at the moment. ... View more