Media List

Media list view is a widget that displays a list of complex data like products, services, users, etc. It contains an image and some text information.

...

MediaList Example

...

Advanced Properties Window

Display Mode 

Choose between the Standard default mode or Dynamic (virtual list).
The Dynamic mode is powered by the Virtual List component that lets you display large amount of data on a single screen.
With the Virtual List mode, you can also implement a search by adding a Medialist Search Bar Widget to your page and link it to the medalist.

Note :

When you change the mode to Dynamic, TB will create automatically a JSON from the medalist data file in the js/json folder of the project.

Image Size

Choose here the image size and use the checkbox “Circle Images” if you want to display rounded circle images.

List Style

Choose between the default view (100% width), Inset (Centred with left and right margins) or Table Inset (Same as Inset, but only on large devices).

Item List

Use + and - buttons to add or remove Lines to the Media List View.

Note :

The MediaList item list accepts pictures drag&drop from the desktop.

Title

The title of the line.

SubTitle

The Subtitle of the line.

Item Text

The description text of the line.

Action

Allow you to define the action associated.
The action triggered when the user click on the button.

Text Value

An optional text that will be displayed at the right side of the line.

Badge

An optional text for a Badge that will be displayed at the right side of the line.
You can choose a color theme for that badge.

Color

An optional text for a Badge that will be displayed at the right side of the line. You can choose a color theme for that badge.

Picture
...

An image that will be displayed at the left side of the line.

Copyright©  Nymphide Lab 2020 - All Rights Reserved 

...