Page 1 of 1

Using grid component to display REST service response horizontally

Posted: Wed Dec 11, 2013 3:55 pm
by anelezeravla

Hello,
I would like to know if there is a way to use a grid to display results from a service horizontally instead of vertically.

I will explain: I have a REST service that returns a list of elements. In order to display those elements on the screen, I would normally use a 1x1 grid with a label inside, so the list returned would be mapped to grid, and the elements inside would be mapped to the label. This displays all the elements on the list vertically. I would like this same behaviour, but displaying them horizontally instead.

Any hints? Thank you very much,
Elena


Using grid component to display REST service response horizontally

Posted: Wed Dec 11, 2013 4:48 pm
by Kateryna Grynko

Hi Elena,

You can use CSS to make your Grid an inline element.


Using grid component to display REST service response horizontally

Posted: Mon Dec 16, 2013 3:25 pm
by anelezeravla

Any hints on how to perform that? What CSS attributes should be modified and on which elements of the grid?

Thank you so much


Using grid component to display REST service response horizontally

Posted: Mon Dec 16, 2013 5:48 pm
by Kateryna Grynko

Hi Elena,

Please use this CSS code:pre.myclass{
width: 30px;
float: left;
}/preWhere 'myclass' is a name of class you add via Properties panel,
30px is an element width.


Using grid component to display REST service response horizontally

Posted: Sat Feb 15, 2014 5:18 pm
by John6122514

I tried this suggestion. But the grid still show vertically.


Using grid component to display REST service response horizontally

Posted: Sat Feb 15, 2014 5:30 pm
by John6122514

I was doing something wrong. It works now.


Using grid component to display REST service response horizontally

Posted: Sat Feb 15, 2014 5:36 pm
by Alena Prykhodko

Glad it's working.