List View

<< Click to Display Table of Contents >>

Navigation:  Cloud applications - Alpha version > Bizagi Sites - Alpha version > Creating a site > Site 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 each element horizontally. Available actions appear in the three dot menu located at the bottom right corner of each element:

 

ListView_02

 

Details

The elements will be displayed in a vertical list.

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 available depend on the width of the bundle.

Rows

Vertical item Spacing

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

Multipage item view

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

Pagination: displays 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. The default value is 22 px.

Title color

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

Text font size (px)

Defines the font size of the text. The default value is 14 px.

Text color

Defines the font color of the text. The default color is #7F7F7F.

Info font size (px)

Defines the font size of the info. The default value is 36 px.

Info color

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

Align

Allows you to define whether the title and text will be aligned to left, right or center. The default value is left.

Background color

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

Reset

Resets the default values for all the properties.