How To Use The Box and Data Repeater Box - XMPRO App Designer Toolbox

In this video, you’ll learn how to use the box and data repeater box in the XMPRO App Designer.

Need help with creating your XMPRO apps? Send an email to support@xmpro.com

Go to https://xmpro.com if you want to learn more about how you can build real-time applications with our Event Intelligence Platform.

Transcript

hi and welcome to another training video

from XM pro today we'll be looking at

how to use the box and the data repeater

box components as a prerequisite for the

second part of the video on the Dodger

repeater box you should have already

gone through the video on how to create

and use data sources if you haven't done

that I recommend you do that first

however the first part of the video

doesn't require this the box is the

simplest component but it will be the

one that you're using the most you can

find the Box component in the layout

section of the blocks items inside the

box component that can expand will

automatically expand and evenly

distribute themselves to fill the

available space so if you put multiple

to like this you can see how it works

this is because it has Flex container

enabled on it and flex grow one if you

want to know more about how to modify

the layout sales on the Box watch the

video on how to use flex layout the data

repeater box is used for displaying

content from a data source on the page

you can attach a data source to the box

and it will repeat itself and its

contents for each row in the data source

this will give every item inside of it a

list of the columns of the data source

in their dynamic values when the data

repeater repeats it will display the

rows value of the selected column data

repeaters will evenly-spaced themselves

in the container box so if you want to

make them a set height you need to set

Flex grow to 0 then there will appear on

top of each other and this is how it

looks for each row in the data source it

is displaying a new data repeater box

with the dynamic values of the items

inside showing the corresponding data in

the row this has been how to use the box

and the data repeater box

Last updated