Tags Page Layouts

Page Layouts

Cloning page layouts

You can clone a page layout in Flow using the in-built API editor in the drawing tool. Cloning a page layout creates a copy...

Page layout — Table

Flow components let us split our app UI into independent, reusable pieces. A page layout in Flow has the following components: Content – Hidden |...

Configuring user approvals with voting

You can use voting to configure multi-user approvals. For example, you can configure your flow to take a certain execution path, only if a...

Deleting page conditions

Here is how to delete a page condition: Click the Page Conditions icon. This opens the Page Conditions configuration panel. ...

Editing page conditions

Here is how you can edit a page condition: Click the Page Conditions icon. This opens the Page Conditions configuration panel. ...

Working with page conditions

We can use Flow page conditions (which are very similar to business rules) to conditionally vary the components that are shown to the end-users...

Containers – Creating columns

A page container is like a scaffolding for the page layout.  If we embed one container inside another, the containers get nested in rows by...

Creating the Case page

This is part of the smart farm IoT implementation guide. We will create a new page layout...

Creating the product catalog page

Here is how we are creating the product catalog page of the smart farm app. We will create a new page...

Adding a new container

Page containers is like a scaffolding for the page layout! Containers allow flow builders to set out the relative position of page components on the...

Building a ridiculously complex page (rather easily)

Today we are going to be building a ridiculously complex page, as part of a smart farm IoT app we are working on. The page...

Page layout — Dependencies

We can easily track which page layout is used in which flow in a tenant. This comes in especially handy, if we have a...

Making a column editable in a table

If we want to have a table that is editable in a page layout, we need to edit the metadata of the page to...

The page layout menu and navigation

With the Boomi Flow page element, we can lay out the structure of pages our users will interact with. We can create our own...

Page layout — Editing component metadata

We can see/edit the metadata of a component in the page layout from the page itself, without going to the API tab in the...

Page layout – Configuring selective search in components

When searching within a page component (say, a table in a page layout), we can restrict the search to columns we specify only. For...

Page layout — Radio

Flow components let us split our app UI into independent, reusable pieces. A page layout in Flow has the following components: Content – Hidden |...

Page layout — Outcomes

Flow components let us split our app UI into independent, reusable pieces. A page layout in Flow has the following components: Content – Hidden |...

Page layout — Text

Components let us split our app UI into independent, reusable pieces. A page layout in Flow has the following components: Content – Hidden | Presentation...

Page layout — Input

Flow components let us split our app UI into independent, reusable pieces. A page layout in Flow has the following components: Content – Hidden |...

Page layout — Toggle

Flow components let us split our app UI into independent, reusable pieces. A page layout in Flow has the following components: Content – Hidden |...

Page layout — Tiles

Flow components let us split our app UI into independent, reusable pieces. A page layout in Flow has the following components: Content – Hidden |...

Page layout — Image

Flow components let us split our app UI into independent, reusable pieces. A page layout in Flow has the following components: Content – Hidden |...

Page layout — List

Flow components let us split our app UI into independent, reusable pieces. A page layout in Flow has the following components: Content – Hidden |...

Page layout — Hidden

Flow components let us split our app UI into independent, reusable pieces. A page layout in Flow has the following components: Content – Hidden |...

Page layout — Presentation

Flow components let us split our app UI into independent, reusable pieces. A page layout in Flow has the following components: Content – Hidden |...

Page layout — Rich text

Flow components let us split our app UI into independent, reusable pieces. A page layout in Flow has the following components: Content – Hidden |...

Page layout — Charts

Flow components let us split our app UI into independent, reusable pieces. A page layout in Flow has the following components: Content - Hidden |...

Page layout — File upload

Flow components let us split our app UI into independent, reusable pieces. A page layout in Flow has the following components: Content - Hidden |...

Finding the ID of a page layout

Every page layout in Boomi Flow is assigned a universally unique identifier (UUID). Here is how we can locate the ID of a page layout: ...

Tutorial: Building a form

We can build forms in Flow very easily. Want proof? Let's create a form that asks a user for Name, Email, and feedback. We...

Tutorial: Getting user input

You can get input from a user, by using the Input element in a page layout. Let's build an app that asks the user for...

Tutorial: Using page conditions to show text on toggle

We can use Boomi Flow page conditions (which are very similar to business rules) to conditionally vary the components that are shown to the...

Importing a page layout

Here is how to import a page layout from your tenant to a flow: Click Shared Elements. Select...

Deleting a page layout

Here is how you can delete a page layout from your Boomi Flow tenant: Click Pages in the Boomi Flow Drawing...

Saving a page layout

Page layouts (unlike the canvas) do not get automatically saved in Flow. We need to click the Save icon on the right-hand-side navigation to save a...

Previewing a page

You can see how your page will look by previewing it periodically from time to time, as you are working on the page layout....

Creating a page layout

With the Boomi Flow Page element you can lay out the structure of pages your users will interact with. The Page element is similar to the Step element...