How to Add New Sections to an Existing App

November 26, 2021

All elements can be added to an app in two ways:

  1. Clicking on an option in the Add Elements panel will place the element at the bottom of the app. If an element is selected, the new element will be added below the selected one.
    app-builder-add-element app-builder-add-element-gif
  2. An app element can be added by dragging it from the Add Elements panel and dropping it to the desired place in the app.
    app-builder-add-element-drag-drop app-builder-add-element-2-gif

App elements

There are seven different element types that can be added to apps.

Form

app-builder-form

This element allows you to add single or multiple forms to your app. When a Form element is added to an app, it automatically opens the form list in a modal.

It’s possible to search forms and select single or multiple forms from this modal. After selecting the forms and clicking the Add Forms button, an element for each selected form is added to the app.

Heading

app-builder-heading

The Heading element allows you to insert headers in your app to title the content below or create different sections on an app page.

Paragraph

app-builder-paragraph

This element allows you to add rich content to your app. Add links, images, or styled text to your app via a rich text editor.

Link

app-builder-link

You can add links to your app using the Link element. This is useful if you need to include a link to a web page from the app.

Document

app-builder-document

This element type allows you to add document files in various file formats to your app and share them with your app users.

Image

app-builder-image

Add image files in various sizes and formats to your app with the Image element.

Button

app-builder-button

This element allows you to add a call-to-action button to your app — an interactive element that takes a specific action when the app user clicks or taps on it.

Actions that can be taken with the Button element are as follows:

app-builder-button-properties
  • Visit URL opens an external web page when the app user clicks on the button.
  • Send email opens the default email client on the device when the app user clicks on the button.
  • Make a call opens the default application (phone call, Skype, etc.) for making calls on the device.
  • Navigate to page (for multipage apps) helps app users navigate to another page in the app with a single click.
  • Open form shows the configured form inside of the app.
Was this guide helpful?
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comment:

Podo CommentBe the first to comment.