Experience builder background images & style

Question

Hey there,

I want to add an image as the full page background for my experience (web version). It looks like I can only use a fill color for body contents/background. Seems silly there is no way to make a full page image background.

If this is not possible, is it possible to have an image as the background to a block, AND* overlay it with a transparent color so that text can be visible? I am able to add an image for blocks, but no other customization options seem available.

Thanks in advance for any help!

AlderMaps · Answer

Just what I was looking for. I want a fullscreen background image + survey on top, but I want a scrolling page so I can have the footer (but the footer isn't intruding until one scrolls to the bottom).

I need to remind myself that not all of the goodies are sitting in the widget pane (at least, I don't see "screen" there). Thanks!

BW44 · Answer

To add a static background image and have scrolling content layout in front of it:

Steps:

* In Experienc Builder, choose "+ Create New" option. 
* Select the "Blank scrolling" template.
* Select the blank page and turn ON the Header. 
* You'll see a few icons in the blank Page, hover over them and select the option to insert a screen group. Choose the Showcase template.
* Keep only one Screen from the Screen Group (it will have 3 as a default).

Helpful links:

* https://doc.arcgis.com/en/experience-builder/latest/build-apps/add-a-page.htm#ESRI_SECTION1_6581E275AB864FB19089D8D4D8B83E53

Hope that helps!

cole_KTB · Answer

That looks really good! Yeah, so far I am using the image cards with some success, but I wish I could have a set background image with text features scrolling over the image as the user goes down the page (parallax scroll).

I do appreciate the help!