Rendering listview size and centering

[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?

[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

[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?

[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?

[Lars Holtet]

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

[Serhii Kulibaba]

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

[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

[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