Docs
  • Getting Started
  • Overview
    • Understanding
      • User-Interface
      • Shortcuts
    • Getting Started
      • Creating A New Application
      • Adding Basic Structure using Class Designer
      • Creating a link to the TIVITY File Class
      • Setting Rights
      • Creating Queries
      • Building The Layout
        • Creating an App Page
        • Creating an Object Page
        • Creating a List Item Layout
  • Building an Application
    • Application Setup
      • General
      • Documentation
      • License Management
      • Publishing the Application
      • Advanced Settings
        • Document-MailEditor
    • Data
      • Sources
      • Data Modelling
        • Class
        • Field
        • Action
        • Link
      • Query Data
        • Get Started with Query Designer
        • Common
        • Fields
        • Conditions
        • Default Values
        • Preview
      • Roles & Permissions
        • Rights Designer
      • Access Control Lists (ACL)
    • Views
      • Design UI
        • Page Types
        • Fields and Links
        • Layout Controls
          • Actions
          • Panels
          • Sections
          • Lists
          • Input
        • Layout Templates
      • Document Templates
        • Get started with Template Designer
        • Expressions in Templates
    • Execution
      • Functions
      • Workflows
        • Control Types
      • Trigger
      • Scripting
        • Accessing the Script Designer
        • Using the Script Designer
        • Commonly used Actions
        • Reference: Actions
          • Math
          • System
          • Date
          • Collection
          • LogicalOperators
          • Web
          • Structure
          • Constants
          • Converters
          • Commands
          • Text
          • PDF
          • Operators
          • PowerPoint
          • QR-/Barcode
          • Messaging
          • Cells
          • Xml
          • Admin
          • Integrations
    • Expressions
      • Expressions in Expressions
      • Expressions in Condition Values
  • Administration
    • Platform
    • Workspace
    • Security
    • Platform Setup
  • Extensibility and Integration
    • REST API
    • Source Adapter
      • Getting Started
      • Source Adapter Interface
      • RESTful Adapter Service
  • Adapter Portfolio
    • MongoDB Adapter
  • Platform Features
    • Enterprise Search
      • Integration into an App
      • General Settings
    • Templates
    • Tagging
      • Getting Started
      • Manage Tags
      • Settings
      • Usage
        • Tag filter
        • Tag panel
    • DMS Setup
Powered by GitBook
On this page
  • Overview
  • Page Templates
  • App Page
  • Object Links Page
  • Object Page
  • Result List Page
  • Section Templates
  • Change List Sort Action
  • Field Container
  • Page Menu
  • Show List Actions
  • Show Object Actions
  • Toggle Object Links
  • List Templates
  • List with Context
  • List Bulk Editing Toolbar

Was this helpful?

  1. Building an Application
  2. Views
  3. Design UI

Layout Templates

This section covers a series of templates provided by the platform to allow a quick and easy configuration of layouts commonly used in applications.

PreviousInputNextDocument Templates

Last updated 2 years ago

Was this helpful?

Overview

Layout templates are a collection of layout controls preconfigured to some extent by the system. Templates allow you to quickly setup a particular type of layout to ease your layout designing experience.

In order to access the list of layout templates, select your page from the layouts manager and expand the Templates list in the layout elements panel on the left.

Each template makes use of traditional layout controls and elements which can be further customized by selecting the control in the layout designer canvas and clicking on the gear icon to access its properties.

The templates are categorized by type:

Page Templates

Page templates refer to a set of templates that supply a basic page layout using panels and other elements. This allows you to quickly get your layout page up and running.

App Page

The template abides by best practices to make sure your application is consistent throughout.

Template Elements

Object Links Page

Template Elements

  • Context Tree

Object Page

Template Elements

Result List Page

Template Elements

Section Templates

Section templates are a collection of templates that consist of layout controls to make the best use of section components under different circumstances.

Change List Sort Action

Template Elements

Field Container

The Field Container template is used to insert a horizontally arrange field list panel into a collapse panel.

Template Elements

Page Menu

The Page Menu template is used to provide a basic design for a page context menu.

Template Elements

    • Context Tree

Show List Actions

The Show List Actions template is designed for use in lists and list contexts. This allows users to change the view of the list, for instance when using Kanban, List or Timeline view.

Template Elements

Show Object Actions

The Show Object Actions template is designed for use in lists and list contexts. This allows users to access specific actions that can be applied to objects.

Template Elements

Toggle Object Links

The Toggle Object Links template is designed to allow the user to retrieve the links of an object.

Template Elements

List Templates

List templates are a collection of templates using layout controls to provide an easy way to design layouts centered around lists.

List with Context

The List With Context template creates a list embedded in a List Context element with a predefined toolbar for additional list actions.

It is recommended to use this template whenever lists are used.

Predefined toolbar consists of:

Filter Input

Action with Menu (ellipsis-h/three dots)

Action with Menu represented by the ellipsis-h icon/three dots provides you the menu of available list actions in the form of a drop down.

Depending on the settings, it can contain options: Change sorting (of the list), Refresh (list), Open (list) in new window, (Tracker of user) Activity, Export (of the list).

Clicking on Export opens a new page with selection of the Export format.

Here you can choose between CSV (Comma-Separated Values) and Excel file format.

If there are images in the list it is about to be exported, they are sized and positioned within one cell each in the exported table. Images are centered within the cell and their aspect ratio is considered (corresponds to Excel picture formatting functionality Lock aspect ratio and Move and size with cells).

Refresh action

Sorting action

List Bulk Editing Toolbar

List Bulk Editing Toolbar gives you the possibility to insert and configure custom actions which will be executed on the selected list item of the list for which the toolbar has been inserted.

The control is only visible in a List Context if the list of the context is visible (in 'List' mode) and the bulk editing is started. The toolbar is comprised of actions like instance actions or workflows which you can configure and execute for the class of the List for the List Context and particularly for each selected instance.

The toolbar and actions are by default displayed like the bulk editing default toolbar and actions. Selected actions of the in the toolbar inserted control type actions like instance actions and workflows are only displayed if all selected instances can execute the action.

Following special actions for the purpose of bulk editing and customizing the bulk editing toolbar are available:

  • Start bulk editing -the action is only visible in a List Context if the List of the context is visible (in 'List' mode) and the bulk editing is not started. The bulk editing will be started if the action is executed.

  • End bulk editing - the action is only visible in a List Context if the List of the context is visible (in 'List' mode) and the bulk editing is started. The bulk editing will be ended if the action is executed.

  • Select all (bulk editing) - the action is only visible in a List Context if the List of the context is visible (in 'List' mode), the bulk editing is started and not all instances are already selected. All instances are selected if the action is executed.

  • Deselect all (bulk editing) - the action is only visible in a List Context if the List of the context is visible (in 'List' mode), the bulk editing is started and all instances are already selected. All instances are deselected if the action is executed.

  • Menu (bulk editing) - displays all the instance actions, workflows and templates the selected instances can execute. The bulk editing default toolbar displays the name new menu.

  • Execute bulk action - within the action the configurator can select the instance action to execute when the bulk execution gets executed by the end user. The action is only visible in a List context if the List of the context is visible (in 'List' mode), the bulk editing is started, at least one instance is selected and all selected instances support the configured action.

  • Execute bulk workflow - within the action the configurator can select the instance workflow to execute when the bulk execution gets executed by the end user. The action is only visible in a List context if the List of the context is visible (in 'List' mode), the bulk editing is started, at least one instance is selected and all selected instances support the configured workflow.

Template Elements

The App Page template can be used as a basis for all . It makes use of all standard elements and functions, giving users a consistent look and feel.

The Object Links Page template can be used as a basis for all . It makes use of the recommended layout elements to display all object links information.

The Object Page template can be used as a basis for all . It makes use of the best fitting layout control to provide a clean interface to browse and access objects in your application.

The Result List Page template can be used as a basis for all . It contains all the elements to provide a clean layout for list-based operations such as searching or filtering.

The Change List Sort Action template provides an control that is designed to provide sorting options to the user.

Filter input is described in the .

Refreshing a list is also available as a one-click action within the toolbar. This action is described in the

Integrates the option accessible for the users by one-click to change a list sorting. Sorting is described in the Layout Controls, section Action, .

Panels
Sections
Panels
Sections
Panels
Sections
Actions
Panels
Sections
Actions
Lists
Inputs
Actions
Panels
Panels
Panels
Actions
Panels
Actions
Panels
Actions
Layout Controls, section Input
Layout Controls, section Actions.
Change List Sorting
Panels
Actions
Lists
Inputs
Pages
App Page
Object Links Page
Object Page
Result List Page
Sections
Change List Sort Action
Field Container
Page Menu
Show List Actions
Show Object Actions
Toggle Object Links
List
List with Context
App Pages
Object Links Pages
Object Pages
Result List Pages
Filter Input
Filter Input
Page Header
Page Header
Page Header
Page Header
Action
View Changer
Action
View Changer
Action
Action
Action
Action
Action
Action
List Context
List
List Context
List
Layout Container
Panel
Scroll Panel
Layout Container
Panel
Scroll Panel
Layout Container
Panel
Scroll Panel
Conditional Panel
Instance Links Panel
Collapse Panel
Field List Panel
Horizontal Panel
Toolbar
Layout Container
Panel
Scroll Panel
Conditional Panel
Collapse Panel
Field List Panel
Horizontal Panel
Menu Context
Scroll Panel
Conditional Panel
Conditional Panel
Conditional Panel
Conditional Panel
Toolbar
Adding Layout Templates to a Layout
App Page Template
Object Links Page Template
Object Page Template
Result List Page Template
Change List Sort Action Template
Field Container Section Template
Page Menu Section Template
Show List Actions Template
Show Object Actions Template
Toggle Object Links Tempalte
List With Context Template
Filter Input
Action Menu
Export Options
Refresh Action
Sorting Action
Bulk Editing Toolbar
Action Selection in the Control Type Action Configuration Menu
Selectable Actions