The page in an experience is not a physical HTML web page; it is a conceptual page, however, it behaves like an actual HTML web page. It is implemented by using a div
HTML tag.
An experience must have at least one page, and it can have multiple pages. There are two types of page layouts in ArcGIS Experience Builder: a full screen app page and a linear scrolling page; the former one looks like an application and the latter one looks like a web page.
The page contents (widget/section/screen) are organized by layout rules, such as a fixed layout and flow layout. To make the page responsive on different screen sizes, Experience Builder supports the configuration of layouts by size modes. These are defined by Large
, Medium
, and Small
.
The configuration of each layout is an adaptation of the experience, which offers greater flexibility with more customization of the application and better usage
of the screen size. A good illustration of this design is the City Explorer template. When the application is viewed on a large and medium screen,
the map is visible and is included in the configuration; however, when it is viewed on a mobile device, the map widget is removed from the first page and is only displayed on the second page after a user selects a feature in the list widget.
In the app config, the pages are defined by pages
and the page structure is defined by page
.