Customize layout for phone

Customize page layout for mobile

You can customize the layout of your page while accessing it on your mobile device. The following are the steps to customize the page layout for mobile:

  1. Go to the Design page of the application.

  2. Select a page from the application menu on the left side to customize its layout. The Page Customization menu will appear on the right.
  3. Click the Mobile icon in the top-left of the application menu.

  4. In the preview area, use the hamburger icon inside the mobile device to switch between pages in your app. 
  5. Select an option under Display as: Card or Plain.
    Display asDescription
    CardDisplays each element of the page such as a panel, form, report, chart, snippet, and a button, as a card.
    PlainLays the elements flat, with a border separation
  6. Select a Layout Type.
    Layout TypeDescription
    Stacked Arranges all the page elements in a stacked, top-down fashion. Each element is linearly stacked one below the other. Scrool down the screen to view all the elements
    ActualRenders the page as it is built in the web. The entire page fits into the width of the mobile screen. Pinch two fingers onto the screen to zoom-in or zoom-out                        
  7. Based on the above chosen settings, a preview will be generated in the builder area on the left. The changes will be saved automatically.

Share this post : FacebookTwitter

Still can't find what you're looking for?

Write to us: