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
  • Creating the layout.
  • Wrapping Up

Was this helpful?

  1. Overview
  2. Getting Started
  3. Building The Layout

Creating a List Item Layout

Creating a List Item Layout to customise the results list of the queries.

PreviousCreating an Object PageNextApplication Setup

Last updated 4 years ago

Was this helpful?

In this section, we will go through customising the results of our queries using the List Item Layout to make it easy to keep track of tasks.

To create a new List Item Layout, click on the New Page in the Layouts windows and click on List Item Layout.

After creating the page, jump into its Page Settings and set the Name to "Todo Item Layout", and under Layout For Class, set the dropdown to your To Do class.

Creating the layout.

Firstly, we place a Horizontal Panel, then add the fields Title, Owner and IsCompleted to it. We also want to set the proportions of the fields in the Horizontal Panel as such :

Field

Proportion

Title

8/12

Owner

3/12

IsCompleted

1/12

Finally, we want to show the label of the Owner field to quickly identify the column's meaning when looking at the list. We go into the Owner Field Properties and check the Show Label Checkbox.

Finally in Preview Mode, our work should look like this :

Wrapping Up

And this brings us to the end of the tutorial. We learned to build a To Do Application from scratch and learnt some core concepts such as the Class Designer, Rights, Query Designer and Layout Designer. You can follow the links below for in-depth documentation of those concepts and learn more about the TIVITY Platform!

Data Modelling
Roles & Permissions
Query Data
➕
Creating a new List Item Layout
Horizontal Panel Control Properties
List Item Layout Preview