Add pages and portlets

Document viewer

Add

Pages

Users can create multiple pages in the Portal and customize them according to their requirements, with different content shown on each page.

To create a page:

  1. Go into edit mode by clicking open settings panel (the padlock icon)

  2. Click add

  3. Select new page

  4. Drag and drop the new page into the workspace

Portlets

Portlets are the building blocks of Flow Portal. They can be used to present, plan or allow for manipulation of chosen data.

Add portlet

To add a portlet to a page:

  1. Go to add in the header menu

  2. Drag the desired portlet into the workspace

  3. As the portlet is dragged into the work area, possible placements will light up

  4. Drop the portlet in the desired location to place it

To move a portlet to a different location on the page, click on the portlet header and drag it to the desired location. Note that other portlets will move to make room for the portlet that's being moved.

Portlets can be resized by dragging the sides or corners.

Once a portlet has been added to the workspace, it can be configured. See the Portlets chapter for more information.

The following action icons are available in the portlet header. Some actions are only available in certain portlets or situations.

Containers

All portlets can be grouped in containers. Portlets can be added to a container by using create new container or by cut and paste.

To create a new container:

  1. Click cut (the scissors icon) in the portlet header

  2. A Create New Container box is displayed in the bottom-left corner

  3. Click cut for additional portlets which are to be placed in the container

  4. Drag and drop the Create New Container box into the workspace to create the container

To disconnect a portlet from a container:

  1. Create a new container

  2. Add the new container to the workspace

  3. Drag and drop the portlet into the new container

Users can also cut and paste portlets into containers. To cut and paste portlets:

  1. Select the portlet to be cut. Click cut (the scissors icon) in the header of the desired portlet.

  2. Select the container for the cut portlet. Click paste (the clipboard icon) in the header of the container.

  3. Repeat as needed to attach more portlets to the container.

General information

All containers require a bit of general information to function correctly.

  • Title: the container name

  • Type: configure how the container should display the portlets

    • horizontally

    • vertically

    • stacked as tabs

  • Auto hide header: select this to hide the container header in the portlet

  • Portlets Order: drag and drop the portlets to change the order in which they're displayed

Last updated