Page Width

When designing for a sites user experience, select the appropriate page width for the content. Choose the "Wide" page width for content-packed UIs such as those with many columns of data. The "Narrow" width is appropriate for interfaces such as simple one-column and two-column forms where excessive white space is undesirable. The "Standard" width is a good compromise for many common use cases. Keep in mind that the selected width for a site page applies until the user navigates to another page, even when UI content is updated (such as when drilling into a record instance from a record list). Make sure that the width you choose works well for all content that will be displayed on that page.

Page widths compared: (L-R) "Wide", "Standard", and "Narrow"

On mobile devices, sites pages always use the full width of the screen regardless of the configured page width.

The page width for UIs viewed in Tempo is always equivalent to the "Standard" setting for sites pages. Interfaces designed for "Wide" or "Narrow" sites pages will automatically adjust to fit within Tempo pages.

Tempo pages always use the full width of the screen when viewed on mobile devices.

When embedding interfaces into another web page, the available width is dictated by the dimensions of the Appian container, which is controlled by the web page designer.

Open in Github

On This Page