List View

<< Click to Display Table of Contents >>

Navigation:  Cloud applications > Bizagi Sites > Creating a site > Sites Controls > Bundles >

List View

Use

The List View bundle displays a list of elements in cards. This bundle is compounded by an image, a name (title), a description (text) and a highlighted attribute.

 

ListView_01

 

The Bundle displays the elements horizontally. Actions will be displayed in the three dot menu located in the bottom right corner of each value:

 

ListView_02

 

Considerations

The elements will be rendered in a vertical layout.

Sorting options are not supported.

 

Layout

Customize the number of columns and rows to be displayed.

 

ListView_05

 

GROUP

PROPERTY

DESCRIPTION

Columns

Layout

Defines the number of elements displayed horizontally. The values that can be selected may be active or not depending on the width of the bundle.

Rows

Vertical item Spacing

Defines the space in pixels between each row of elements. Default value is 12 px.

Multipage item view

Defines how the bundle displays the number of elements defined in the Displayed Items property.

Pagination: display the elements in pages.

Scroll: displays the given number of elements while the user scrolls down.

Displayed Items

Defines the number of elements displayed in one view.

 

Settings

 

ListView_03

 

PROPERTY

DESCRIPTION

Title font size (px)

Defines the font size of the title. Default value is 22 px.

Title color

Defines the font color of the title. Default color is defined by the theme selected.

Text font size (px)

Defines the font size of the text. Default value is 14 px.

Text color

Defines the font color of the text. Default color is #7F7F7F.

Info font size (px)

Defines the font size of the info. Default value is 36 px.

Info color

Defines the font color of the info. Default color is defined by the theme selected.

Align

Allows you to define if title and text will be aligned to left, right or center. Default value is left.

Background color

Defines the background color of the type card. Default color is defined by the theme selected.

Reset

Sets the default values for all the properties.