Skip to main content

Customize the layout and design to reflect your brand

Tailor your project layout, add and customize form fields, tweak the design, and organize pages to fit your needs.

Updated this week

Rename your project and update the logo

To start customizing your project, open it and make sure to enable Edit Mode at the top-right side of the screen.

Modify the basics like title and icon, and easily rename or delete unnecessary pages if you've started with a ready-made template:

Customize your form: add and rearrange fields, tailor the design

  1. Jump to Form Editor: Click on Edit Form to start customizing.

  2. Add fields: Insert questions, text fields, and media to create a form tailored to your needs.

  3. Design your form: Use the right-side menu to adjust colors, add logos, and customize the submit button.

edit form

📝 Additional insights:

Customize the style of your form for sharing inside the app

If you want your form to be used and submitted right inside your app (for users who access the app), you can customize the form's style to align with your app's design and branding.

form style

  1. Click on Style options in the top-right corner of the form page.

  2. Select Embed option.

Customizing the form’s style is especially useful if you plan to share the app with users. A well-designed form enhances user experience and ensures a professional appearance.

Add new pages and rearrange their order

To organize your app more effectively, you can either add new pages or create groups (menus) to include multiple pages under a single category.

reorder pages and add new pages
  1. Add a new group

  • Click on the + Add New button in the left sidebar.

  • Select New group from the dropdown menu.

  • Name the group to categorize your pages effectively. Groups allow you to organize related pages into one menu for better navigation.

2. Add a new page

  • Click on the + Add New button and select New Page.

  • You can add a Form, Table, Kanban, or another layout to this page.

  • Customize the new page based on your needs.

3. Reorder pages or groups

  • Drag and drop pages or groups in the left sidebar to reorder them.

  • Organize the structure of your app for a logical flow and better user experience.

Adding and rearranging pages lets you customize the structure of your app to better suit your workflow and user experience.

Customize page options

Once you’ve renamed and updated the app logo, you can further personalize your template by customizing the page options.

page options
  1. Access page options

    To modify a page, click on the three dots (•••) next to the page name in the left sidebar, then select Page options from the dropdown menu.

  2. Adjust font and page width

  • In the Page options menu on the right side, you can change the font style to Default, Serif, or Monospace to better match your branding or preferences.

  • You can also adjust the Page width to Standard, Wide, or Narrow, depending on how you want the content to be displayed.

These options give you the flexibility to fine-tune the visual appearance of your app for better usability and aesthetics.

Enhance your pages

Before sharing your app, you can further enhance each page by adding content, visuals, and other elements to make it more engaging and tailored to your needs.

customize pages
  1. Edit and customize pages

    • Click on the page you want to customize.

    • Use the Insert button in the top menu to add different elements like images, videos, text, charts, etc.

  2. Enhance visual appeal

    • Add images or videos to provide more context or branding to your pages.

    • Use the style options to adjust fonts, colors, and spacing for a polished look.

Customizing the pages allows you to provide a personalized experience for users, ensuring that the app reflects your style and meets your goals.

For more details, check out the tutorial for inserting elements.

Customize settings for Table, Kanban, Gallery, and Chart views

In your app, you can customize the settings for various views such as Table, Kanban, Gallery, and Chart to better organize and display your data.

Additionally, you can use the Import & Export feature to manage your data efficiently.

filter options
  1. Access view options

    • Navigate to the page with your desired view (e.g., Table, Kanban, Gallery, or Chart).

    • Click on the Options button in the top-right corner of the view.

  2. Customize the view

    • Use the Sort by option to organize data in ascending or descending order based on specific fields.

    • Apply Filters to focus on data that matches specific conditions.

    • Click Edit Base to add or modify fields, rename columns, or change the structure of the base form for the view.

    • Adjust the layout (e.g., for Gallery or Kanban views) to enhance usability and appearance.

These customization options are not limited to tables—they apply to all views, allowing you to tailor the presentation of data for different needs. For example:

  • Use Kanban for workflow management.

  • Use Gallery for visual displays like images or project cards.

  • Use Charts for data visualization.

Customizing views ensures your app is flexible and user-friendly, catering to both administrators and users.

Create a portal and manage users' access

Did this answer your question?