Flow Connect Help
Roadmap
  • â„šī¸This is Flow Connect
    • Overview
    • Technical overview
      • System requirements
    • What's new?
      • Change log
  • â–ļī¸quick start
    • Create an application
    • Create an admin access group
  • 🔁working with Connect
    • Connect to systems
      • Connector agents
        • Add agent group
        • Install agent manager
        • Add agent
        • Manage agent
      • Connectors
        • IFS Applications 10
        • Oracle
        • Microsoft SQL Server
        • Send Email
        • REST
          • Microsoft Graph API
          • Infor M3 REST
            • Obtaining Infor ION API file
            • Configure REST Connector with ION API file
          • IFS Cloud
            • IAM Client Registration
            • Obtaining end-point info from IFS Cloud
            • Configure REST Connector for IFS Cloud
      • Redirect URIs
    • Create and design
      • Application packages
      • Applications
        • Create
        • Design
        • Test
        • Commit
      • Portal Pages
        • Create Portal Page
        • Design Portal Page
        • Commit Portal Page
      • Components
        • Create component
        • Manage component
      • Modules
        • Create module
        • Manage module
      • Automations
        • Functionality
        • Create Automation
        • Manage Automation
        • Creating Access Key
        • Executing Automations Externally
          • IFS Cloud
          • Salesforce Apex Trigger Example
    • Deploy
      • Environments
      • Deploy
    • Use
      • On mobile devices
      • In web browser - Web client
      • In web browser - Portal
    • Share
      • Share Applications
    • User administration
      • Users
        • Invite a new user
        • Manage users
      • User groups
        • Create user groups
        • Manage user groups
      • Access
        • Manage access
  • â¸ī¸Reference
    • How-to guides
      • Create User Step controls
        • Header
        • Static text
        • Labelled static text
        • Link
        • Image viewer
        • Text input
        • Numeric input
        • Date input
        • Time input
        • Check box input
        • Binary option input
        • List selection input
        • List multi-selection input
        • Menu selection input
        • Data grid
        • Calendar control
        • Image selection input
        • List presentation
        • Camera Input
      • Dependent controls in User step
        • Variable source
        • Expression source
        • Control visibility (condition to hide)
      • Configure SSO for Microsoft Entra
    • Reference
      • Clients
        • Settings
        • My data
      • Designer
        • Controls
          • Header
          • Static text
          • Labeled static text
          • Link
          • External app launcher
          • Image viewer
          • Text input
          • Numeric input
          • Date input
          • Time input
          • Check box input
          • Binary option input
          • List selection input
          • List multi-selection input
          • Menu selection input
          • Data grid
          • Calendar
          • Image selection input
          • List presentation
          • Camera input
          • File gallery
          • GPS location input
          • Signature capture input
          • Item creation sub task
          • Check list sub task
          • Verb sub task
        • Steps
          • Start
          • User interaction
          • External system
          • Decision
          • Assertion
          • HTTP requests
          • Assignment
          • Table
          • Event listener
          • Checkpoint
          • Script
          • Annotation
          • End
          • Local data resource
      • Portal
        • Design items
          • Portlets
            • Accumulation chart
            • Base chart
            • Circular gauge
            • Custom content
            • Data tree
            • Document viewer
            • Filter
            • Kanban
            • KPI card
            • Link
            • My apps
            • Record
            • Rich text
            • Table
          • Container
          • Common portlet configuration
            • General
            • Events
            • Data
            • Custom buttons
            • Style
        • Portal settings
          • Branding
          • Page
          • Navigation
        • Profile
        • Portlet actions
        • Cache
        • Input to Start Step
      • Diagnostic mode
      • FlowScript
        • Walkthrough
          • Introduction
          • Expressions and programs
          • Anatomy of a program
          • Variables
          • Simple types
          • Nullable types
          • Records
          • Sequences
          • Other types
          • Arithmetic
          • Other expressions
          • Queries
          • Conditionals and loops
          • Function definitions
          • Built-in functions
          • DateTime module
          • Seq module
          • HTTP module
          • CSV module
          • JSON module
          • Trace module
          • Record module
          • XML Module
          • Custom modules
          • Custom Types
          • Appendix: Subtyping rules
          • Appendix: Escape sequences
          • Appendix: Type checking errors
      • Flowscript Copilot
      • Glossary
    • Flow Connect Downloads
      • Install Flow Connect Designer
    • Migrate from Flow Classic
      • Portal - migrate from Flow Classic
      • Classic vs. Connect Comparison Guide
Powered by GitBook
On this page
  • Open a Portal Page from the Hub
  • Add portlets
  • Portlet configuration
  • Copy, cut and delete portlet

Was this helpful?

  1. 🔁working with Connect
  2. Create and design
  3. Portal Pages

Design Portal Page

PreviousCreate Portal PageNextCommit Portal Page

Last updated 7 months ago

Was this helpful?

A portal page can contain one or multiple portlets. The portlets use Components and Applications to fetch and process data.

Open a Portal Page from the Hub

  • Open the application by selecting the Portal Page or use the context menu Edit in Portal in Hub.

  • The Portal Page is opened.

Add portlets

  • Go to Add New and select Portlet to open the modal containing the available portlets.

  • Choose a portlet and drag it into the design area.

  • Enter a name for the portlet and click Create.

  • Resize the portlet by dragging its edges or corners.

  • Move the portlet by grabbing the header banner (where the portlet title is).

Portlet configuration

  • Click Edit (the pen icon in the header banner) to modify the portlet.

  • Most portlets use a component as the data source, see Components for more details.

  • For more information about configuring individual portlets, refer to Portlets.

  • Once the portlet is configured, click Preview to run the data source component, fetch the data, and preview it in the portlet.

  • When you're happy with the configuration, click Apply to save the portlet.

Copy, cut and delete portlet

Click on the tree dot context menu in the portet header section to open the action menu:

  • Select Delete to remove a portlet.

  • Select Copy to duplicate a portlet. The copied portlet will be available in the copy clipboard. Drag the clipboard into the design area and drop it to create the new portlet. You can copy multiple portlets into the clipboard to create a container (see Container for more details). A clipboard can be copied into any page as long as it belongs to the same Application package as the page the copied portlets come from.

  • Select Cut to move a portlet. The cut portlet will be available in the Cut clipboard. Drag the clipboard into the design area and drop it to place the portlet. You can cut multiple portlets into the clipboard to create a container (see Container for more details). The clipboard can be added into any page, as long as it belongs to the same Application package as the page the cut portlets came from.