Skip to end of metadata
Go to start of metadata

You are viewing an old version of this content. View the current version.

Compare with Current View Version History

« Previous Version 40 Next »

Overview

  • The List view component represents a list of records that you create or have access to read or write

  • One object can have multiple List views

  • However, one List view can only show records of a single object

Attributes

1. Object

  • You need to select the object for which you want to create the List view

  • This list shows object names that you have created or objects that are shared with you

2. List View Name

  • To show records of objects in List view format select List view from the list

  • One object can have multiple List views

  • You can select only one List view at a time

3. Is List View Selectable

  • This allows you to change the List view runtime

  • If selected it shows a drop-down icon on the List view header

4. Is Object Selectable

  • This allows you to change the object runtime

  • If selected it shows a drop-down icon on the List view header

5. Table Actions

  • You can create multiple table actions on the List view

  • You can only show two actions, which are visible in the top right corner, and the rest of the actions are displayed under a drop-down

  • These actions are mainly used to perform operations such as create, refresh, etc.

  • Each action has a workflow that actually performs an operation

Steps to create Table Action

  • You can add the table actions by clicking on the '+' icon

  • Fill in all the details in Create Table Action model and click the Save button

  • For table actions, you need to create a workflow, refer to this link Workflows

6. Row Action

  • Actions to be performed at the record level

  • These actions are mainly used to perform read, update or delete a single record

  • Each action has a workflow that actually performs an operation

Steps to create Row Action

  • You can add the row actions by clicking on the '+' icon

  • Fill in all the details in Create Row Action model and click the Save button

  • For row actions, you need to create a workflow, refer to this link Workflows

7. Column Action

  • You can set the actions at the column level on the List view

  • You can assign only one action to any column

  • When you will click record in the column action gets executed

  • Each action has a workflow that actually performs an operation

Steps to create Column Action

  • You can add the column actions by clicking on the '+' icon

  • Fill in all the details in Create Column Action model and click the Save button

8. Layout For New

  • You can set the layout for table action New

  • When you click the New button layout that you set will open

9. Layout For Edit

  • You can set the layout for row action Edit

  • When you click the Edit from the row action layout that you set will open

10. Is the Same As New

  • Check this checkbox, if you want to keep the same layout for new and edit

11. Offset

  • You can set the offset for the query on the object

  • If the offset is ā€œnā€œ then the query will take the records ā€œn+1ā€ onwards

12. Limit

  • Number of the records to be queried at once

  • e.g. if there are 200 records of an object and you set a limit of 100 then it will query the first 100 records and show them on the List View

13. Order By

  • You can set the order by on the fields to records to be queried and displayed in the List view

  • You can order records in ascending or descending manner

14. Filter Section Header

  • Text entered in the field will be displayed as the header of the modal while applying filters

15. Icon

  • You can select the icon to be displayed on the List view

  • Generally icon displays on the left side of the header and subheader

16. No Icon

  • The icon will not be displayed if this checkbox is checked

17. Inline Edit

  • Records can be edited at the List view if this checkbox is checked

  • If checked, a pencil icon will appear when you hover over the record

  • Inline edit allows changing the value of a field, without needing to navigate to a record

18. Show Index

  • To show the index of records on the List view

19. Show Page Size Drop Down up

  • Generally, a drop-down list opens a list of items in a downward direction

  • If you check this check box it will open a list in an upward direction

20. Is Export Supported?

  • If you check that checkbox then the download icon will appear on the right side of the search box

  • Upon clicking the download icon on the List view, all the records can be exported in a CSV file

How to Configure:

  1. Goto Components tab

  2. Search and select the component

  3. Drag and drop the component in the layout. You can also select the drop zone in a layout and then click on the component it will add in place of the drop zone

Following are the common configurations of components on the layout:

  • UI:

    • Component Size: The user can modify the size of the component in the layout as per grid size

    • Padding Location: Defines the position of the padding for a component. The padding creates extra space within a component.

      • Around: Creates padding around the component

      • Top: Creates padding at the top of the component

      • Left: Creates padding at the left side of the component

      • Bottom: Creates padding at the bottom of the component

      • Right: Creates padding at the right side of the component

      • Horizontal: Creates padding horizontally

      • Vertical: Creates padding vertically

    • Padding Size: The padding size of the component can be set to:

      • None

      • xxx-small

      • xx-small

      • x-small

      • Small

      • Medium

      • Large

      • x-large

      • xx-large

    • Style: Styles described how fields should be rendered in preview mode. Users need to create one cdn link from the CSS tab on the layout designer page for use styles

    • Classes: Classes are used to apply unique styling and formatting to the fields in preview mode. Users need to create one cdn link from the CSS tab on the layout designer page for using classes

    • Margin Location: Defines the position of the margin for a component. margin creates extra space around a component.

      • Around: Margin gets added around the component

      • Top: Margin gets added at the top of the component

      • Left: Margin gets added at the left side of the component

      • Bottom: Margin gets added at the bottom of the component

      • Right: Margin gets added at the right side of the component

      • Horizontal: Margin gets added horizontally

      • Vertical: Margin gets added vertically

    • Margin Size: The margin size of the view can be set to:

      • None

      • xxx-small

      • xx-small

      • x-small

      • Small

      • Medium

      • Large

      • x-large

      • xx-large

    • Visibility:

      • Never: The field cannot be visible

      • Always: The field will be always visible

      • Conditional: Depending on the visibility criteria, the field can be set as visible or not

    • Read-only:

      • Never: The field cannot be read-only

      • Always: The field will be always read-only

      • Conditional: Depending on the read-only criteria, the field can be set as read-only or not 

    • Disable:

      • Never: The field cannot be disabled

      • Always: The field will be always disabled

      • Conditional: Depending on the disability criteria, the field can be set as disabled or not

    • New Section:

      • Layout item Label: This field show the name of the components with the count of its usage e.g: if you are adding the section for third time in a layout then it will display with label of Section 3

  • No labels