HOW TO

Use image as background for page body in ArcGIS Experience Builder

Last Published: August 3, 2023

Summary

In ArcGIS Experience Builder, there is no direct way to use images as the page body background. The only existing customization on the body background is colored. It is still possible to use images as the background by using the image widget or window function. This article describes the workflow on how to do so.

Procedure

Create the background image using an Image widget

  1. In ArcGIS Experience Builder, on the Blank fullscreen card, click Create.
Choose a template
  1. On the top ribbon, click <Untitled experience> and insert an appropriate name.
  2. On the side toolbar, click the Insert button.
  3. On the Insert widget pane, scroll to Page elements, and click Image.
Update the parameters
  1. Drag the Image widget onto the canvas.
Drag the Image widget onto the canvas
  1. In the Image pane, click Select an image button and select a desired background image.
Select an image
  1. Resize the image to the desired size.
Adjust the image size

Create the background image using a fixed window

  1. On the side toolbar, click  Page > Window.
Select Window
  1. Click the Add window button, and click Blank window.
Select Blank window
  1. Resize the blank window to the desired size.
Adjust the size
  1. In the Window pane, next to Background, click Quick style.
  2. Click Custom.
Click Quick style
  1. Under Background, next to Image, click Browse.
  2. Upload the desired image.
  3. Click the Page tab.
  4. On the Page pane, under Open with Window and select the newly created window.
In the Page pane, select the new window

The image below shows the completed canvas of an image as a background.

The image is now a background

Article ID:000030871

Software:
  • ArcGIS Experience Builder

Receive notifications and find solutions for new or common issues

Get summarized answers and video solutions from our new AI chatbot.

Download the Esri Support App

Related Information

Discover more on this topic

Get help from ArcGIS experts

Contact technical support

Download the Esri Support App

Go to download options