Catch up wih the Appery.io community on our forum. Here you'll find information on the lastest questions and issues Appery.io developers are discussing.
https://forum.appery.io/
Hello,
How can I change the thumbnail size of a listitem? I've tried this code:
code.custom >
.ui-listview, .ui-li-has-thumb {
max-height: 55px;
overflow: hidden;
}
/code
But this only changes the listitem itself, but not the thumb image.
It did work before, when I was using library version 1.2. But in 2.0 it doesn't work anymore.
Please advice!
Hello Dirk,
Use this code without custom CSS Class
pre.ui-page .ui-li .ui-li-thumb, .ui-page .ui-li .ui-li-icon {
max-height: 55px;
overflow: hidden;
}/pre
Hello Alena,
It doesn't work!
Strange. Worked for me.
Please try this:
pre.ui-page .ui-li .ui-li-thumb, .ui-page .ui-li .ui-li-icon {
max-height: 60px;
max-width: 60px;
}
/* Adjust list item height*/
.ui-page .ui-li-has-thumb .ui-btn-inner .ui-link-inherit, .ui-page .ui-li-static .ui-li-has-thumb {
min-height: 0;
}/pre
Both don't work!
Did you make changes on the Source tab?
No, this is a new css file
Alena,
Your solution only works when I set the version to 1.2. But in version 2.0 it doesn't work! And I can't use 1.2, I have to use 2.0.
Please advise
Hello!
Please check the following post https://getsatisfaction.com/apperyio/...
I've checked it out, it still doesn't work.
I can change the size of the list item itself, but the the thumb image doesn't change at all. It works when I use library version 1.2, but not in 2.0.
Any more solutions?