Salesforce Docs Portal

Edit Layout Settings in the Layout Editor

Customize layout settings in the Point of Sale Layout Editor to enhance user experience and control. Enable features such as Paginate for full-screen cell views, override app config settings for tailored UI options, and use Snap to Grid for precise overlay alignment.

The Advanced tab contains layout settings.

Paginate

The paginate setting causes each cell in the layout to occupy the entire view area. The user can swipe up or down to move between cells.

  1. Go to the ADVANCED tab of the toolbar.
  2. Expand UX.
  3. Enable Paginate.

Example of the POS app shows a paginated cell.

Override App Config Settings

Layouts inherit settings from the production app config (Apps | your app config | Edit, UI | UI Options), but these settings can be overridden.

To override app config settings:

  1. Go to the ADVANCED tab of the toolbar.
  2. Expand UX.
  3. Enable Override App Config Settings which reveals additional configuration fields.

A screenshot shows the toolbar with the override app config settings highlighted.

Switch App Configs

The Layout Editor preview uses the iOS production config for default layout settings, such as background color and margin (Apps | your app config | Edit, UI | UI Options).

To preview the layout settings from another app config:

  1. Go to the ADVANCED tab of the toolbar.
  2. Expand MORE.
  3. Click Set App Config.
  4. Select an app config and click SET.
Note
Note If you reload the page the layout previews revert to using the iOS production config for layout settings.

Carousel Settings

  1. Go to the ADVANCED tab of the toolbar.
  2. Expand Carousel Settings.
  3. When Auto Scroll is enabled, the carousel automatically cycles through images without the user having to swipe.

Replacing Fonts in Text Overlays

When a layout has multiple text overlays, it can be tedious to change all the fonts. There's a utility that performs this task automatically.

  1. Go to the ADVANCED tab of the toolbar.
  2. Expand MORE.
  3. Click Replace Fonts.
  4. Select a font from the dropdown or enter a font in the input field and click SELECT.

Snap to Grid

When there are multiple overlays that need to be aligned, you can use the Snap to Grid feature.

  1. Go to the ADVANCED tab of the toolbar.
  2. Expand GUIDES.
  3. Enable Snap to Grid.
  4. (Optional) Enable Grid to view the actual grid in the layout.
  5. (Optional) Change Grid Size for fine-tuning the snap placement of an overlay.