Forum | Appery.io

Hi, I did look at your replies about resizing the image size in list, still when I insert a label in the list instead of using the original text, the css modification is not affecting the image size, I tried several things , still did not work. Any suggestions ?

Hello Voltaire,

What css selector do you use for the thumbnail image?

Hello Sergiy, I am using the following css

[name=mobilelist_2].ui-listview .ui-li-has-thumb img:first-child,
[name=mobilelist_2].ui-listview .ui-li-has-thumb .ui-btn img:first-child,
[name=mobilelist_2].ui-listview .ui-li-has-thumb .ui-li-thumb {
left: 1px;
top: 1px;
max-height: 40px;
max-width: 40px;
}
[name=mobilelist_2].ui-listview .ui-li-has-thumb .ui-btn,
[name=mobilelist_2].ui-listview .ui-li-static.ui-li-has-thumb {
min-height: 0;
padding: .7em 1em .7em 55px;
}

It is working perfectly for the list items without label or any additional element, when I include a label I get a wrong format.

the list name is mobilelist_2 , attached a picture of what is happening

Hello again, I worked it out by using grid and css and I did get my result, still one thing if you can help, how can I control the label maximum characters property, since I want to show on this page a brief description of the result such as :

This place was built long time ago and ...

So the user will click on the list to read more on the next page.

Is there a way to limit the max characters of a label and provide 3 dots at the end.

Thanks in advance

Hello,

These thread should help https://getsatisfaction.com/apperyio/...
https://getsatisfaction.com/apperyio/...

I did shift to the grid and worked on the image css ...
Thanks a lot