0

Creating and editing pages

Kissflow plans:
 
โœ“ Basic โœ“ Enterprise

 

Pages in your app builder allow you to completely customize the pages of your app by inserting vertical and horizontal tabs, inserting images and buttons, embedding data from another source, and more. These are called page components and can be used to embed forms, images, reports, buttons, charts, and any custom data.

Creating a page for a new app

  1. Open your app and click Manage > Edit to open the app builder.
  2. In the app builder, click the + Quick create icon in the left navigation menu and click Page.

     
  3. Enter an appropriate Page name, Description, and Page type. The page type can either be page or pop-up. This is simply how the page will be displayed in the app.
  4. Then click Create page. You will be directed to the page builder.
  5. Here, you can add and configure multiple components such as Cards, Tabs, Images, Forms, IFrame, and Buttons onto your page grid to create your app page.

Editing an existing page

Follow the steps below to add or remove components from the page, edit the page background color, or other properties:

  1. In the app gallery, find and open the app that you want edit.
  2. In the Left nav, click Pages. Here you will see all the pages that you've created for your app.
  3. Click the page that you want to edit. Inside the page builder, access the Components section to update the components inside your page.
  4. Once you make your changes, click Save. You can click Save & Preview to open a preview of your page.

Previewing in Web

When you preview your page, it can be viewed on web mode. The web mode allows you to view your page and its associated components as if you were using a web client. The PWA mode on the other hand, renders the app page in a mobile view. You just have to toggle between these views using the buttons provided on top of the page. Click Back to editor to access the page builder.