How To Use Templated List Xmpro App Designer

In this video, you’ll learn how to configure a templated list in the XMPRO App Designer.

Need help with creating your XMPRO apps? Send an email to [e-mail]

Go to https://xmpro.com...

Transcript

In this video, you’ll learn how to configure a templated list in the XMPRO App Designer.

Need help with creating your XMPRO apps? Send an email to [e-mail]

Go to https://xmpro.com... hi and welcome to another training video

from xm pro

today we will be looking at how to use

the templated list component

as a prerequisite you should have

already gone through the video on how to

create and use data sources

if not then i recommend doing that first

the templated list component can be

found in the layout section of the

blocks

to start with you should assign a data

source to the templated list

you do not need to assign any data

bindings on

the templated list itself but you must

bind any items inside the template that

you wish to have the values

so for instance this text item here

i will bind the text to name and these

other ones i'll set a static text

as static text

and this third one i don't want it so

i'm going to just delete it

you can add anything inside of these

templates so

any other controls widgets

anything you would like and they will

show up one per each row

and this is how it looks in the renderer

so for each row we've got the name which

was bound to this text

component and static text as

the text component over here and you can

select each row

as it is list

if you you can also enable search and

assign a

search by expression so this one i will

choose name

and if you enable grouping then it will

create a group

template and the group by expression

will group the items by like values in

this column

you can also allow collapsing and

expand by default so

if i allow collapsing that means that

you can click on the group header

and it will collapse or expand

and if you check expand by default then

they will all be

expanded and if you don't then they will

all be collapsed

to start with you also need to bind any

items

in the header so this text i'm going to

bind it

to group you can't select any other item

except for

the group by expression

so if i save this and then launch

we've got some groups here consultants

and developers

and we also have the search

so that's in developer david

some other properties you can add to

this is

visible disabled tooltip

which are self-explanatory tulip tooltip

is when you hover

and you can also add you can also check

select multiple which will allow you to

select multiple rows there's also the

action so you can navigate to specific

pages or urls

and you can also update data sources

if you want more information on this you

can go to the specific videos

on pages and navigation

and updating data sources

so now if i hover over you can see

there's the hovered over text

and there's now a checkbox so we can

select multiple items here

this has been how to use the templated

list component