Page 1 of 1

Rendering listview size and centering

Posted: Mon Oct 26, 2015 6:36 pm
by Lars Holtet

Hi!

How do i resize the listview so it gets a bit bigger? I also wonder, is there any way to center this listview buttons so it doesnt get that gap at the bottom?

Image


Rendering listview size and centering

Posted: Tue Oct 27, 2015 7:59 am
by Serhii Kulibaba

Hello Lars,

You can do it with CSS:
pre[name=listName] li a {
height:100px
}/pre

here listName - name of the list component


Rendering listview size and centering

Posted: Tue Oct 27, 2015 12:26 pm
by Lars Holtet

Thank you, it works!

But how does the list items scale? Do they scale automatically on different phones? So setting a height might be dumb considering other phones resolution?


Rendering listview size and centering

Posted: Tue Oct 27, 2015 12:48 pm
by Lars Holtet

Would it be better to put in spacers to make sure that im not interupting with the scaling on different phones? IF the listviews scale differently? or are they set a standard size default any way?


Rendering listview size and centering

Posted: Tue Oct 27, 2015 9:34 pm
by Lars Holtet

Are there any way to scale the logos the same way? as you can see they stay the same size as before.

Image


Rendering listview size and centering

Posted: Wed Oct 28, 2015 11:03 am
by Serhii Kulibaba

You can use % for size values, or change them dynamically with JS, according to window size.


Rendering listview size and centering

Posted: Wed Oct 28, 2015 1:37 pm
by Lars Holtet

Ok. do you have any code suggestion to change size on the thumbnails? struggeling to change the size on them so they fit the listview size as shown on the image :)


Rendering listview size and centering

Posted: Thu Oct 29, 2015 1:43 pm
by Serhii Kulibaba

Please use CSS selector for thumbnails:
pre#screenName_listtName li a.ui-btn img{
height:30px;
width:30px;
}/pre

here screenName - name of the screen
listtName - name of the list component