Skip to main content
Velkumar19-Tanzanite
19-Tanzanite
May 29, 2020
Solved

How to make repeater widget to fill from Left to Right and wrap remaining items in bottom

Hi all,

 

I'm looking for a way to fill data items from Left to Right in Repeater Widget.

 

/VR

RolandRaytchevAnswer
21-Topaz I
May 29, 2020

it seems that we can not achieve this only with property settings but possibly in combination with css style definitions - e.g. in the Applicaiton tab:

.test{
 width: 40px;
 height: 40px;
 background-color: skyblue;
 transform: rotate(-90deg) translateX(-400px);
 }

 

And we can set the test to the gridLayout which contain the repeater (will rotate and translate it) . The best value could be found after some tests.

For quick test I did have the following appearance:

 

2020-05-29_14-46-23.jpg 

Of course, you can use some rotation also in sub elements e.g. repeater cells - for example you can rotate back the text again 90 degree if you want to have a horizontal texts but it will definitely require a number of tests when you want to achieve the desired appearance of your layout.

 

View in thread

6 replies

RolandRaytchev21-Topaz I
21-Topaz I
May 29, 2020

Hi  @Velkumar ,

to be sure what is the issue, could you please , provide more detailed description.

For the repeat widget -what is the source, means where did you get the data/ or how did you generate it? Or do you want to generate the data?

So I believe the data is not complete? Rights. -may be  here will be a picture helpful  or sample of the data (json ) will give more clarity,

What is the goal and the reason when you want to fill data?

Translate
Velkumar19-TanzaniteAuthor
19-Tanzanite
May 29, 2020

Hi @RolandRaytchev 

 

I have mapped and able to view data in repeater widget. PFB PNG for your reference

 

Velkumar_0-1590744356525.png

Currently data are filling from top to bottom. I'm looking for way to fill data from left to right and remaining data in bottom like Thingworx Collection widget and Repeater widget.

 

/VR

Translate
RolandRaytchev21-Topaz I
21-Topaz I
May 29, 2020

Thanks for clarification!

So when I correctly understand the problem - there is the problem that the picuture has not the correct size and are shown only partially? Right?

My impression is that here the problem is the format of the image widget. So to fix it you can set the property of the column and the widget image

2020-05-29_11-45-28.jpg

but I see also you mentioned the order the data is written to the repeater? so you need the to write from left to right and from bottom to top.

Translate
Terms & ConditionsAccessibility statement