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 pageStructure.

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.