Grid left to right

[deveu]

I have content in grid cell and i have looping vertically/row
I want to display this horizontally/column

let me know the way

this is vertically by grid
i want to display horrizontally

[Kateryna Grynko]

Hi,

How do you fill the grid with content, using a service?

[deveu]

yes service is easy right?
if not by service then how?

[deveu]

hi,let me know if there is a way to do easily

[Kateryna Grynko]

Hi,

Add this CSS:pre[name=mobilegridName]{
float:left;
width:50px;
}/pre

[deveu]

i tested this copying separately into another html file setting css
this is ok
but when i am trying to app that is not working
my css is in css/custom.css file

[deveu]

was another width 100% with that tag
I think need important

[Kateryna Grynko]

Should work without "!important", but you can try.

[deveu]

I want my grid horizontally and that is ok
but breaking after few item
I want everything in a line by scroller

i am using this code
[name="reward_grid"] {
float:left;
width:250px !important;
}
.Reward_reward_grid{
border:2px solid #FFFFFF;
border-radius:25px;
}

[name="mobilecontainer"] {
overflow:scroll;
}

.Reward_reward_grid_wrapper
{
overflow:scroll;
}

[Kateryna Grynko]

Hi,

1) Add HTML component (named htmlName) and set property Type=div
2) Drag there your Grid component (named mobilegridName)
3) On service Complete event run:prevar width = 0;
$("[name=mobilegridName]").each(function(){
width += parseInt($(this).width());
});/pre
4) Add custom CSS:preApperyio("mobilegridName").parent().css("width", width);
[name=htmlName]{
height:150px!important;
overflow-x:hidden;
overflow-y:scroll;
width:100%!important;
}
[name=mobilegridName]{
float:left;
width:50px!important;
}/pre