Creating and editing pages

Modified 2 weeks ago

Abhiram

Pages in your Application builder allow you to completely customize the pages of your application 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 application

  1. Create an application in Kissflow.
  2. Inside the application builder, go to Pages > click Create a page.
  1. 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 application.
  2. Then click Create page. You will be directed to the page editor area.
  3. Here, you can add and configure multiple components such as Cards, Tabs, Images, Forms, iFrame, and Buttons onto your page grid to create your application 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 application gallery, find and open the application that you want edit.
  2. In the Application builder > Application toolbox, click the Pages tab. 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 editor, access the Components section to update the components inside your page.
  4. Once the changes are made, they are auto-saved. Click Preview to check how the page renders in your application.

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 application 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 editor.

Did you find the article helpful?

Powered by HelpDocs (opens in a new tab)