Page 1 of 1

move the number in list component

Posted: Wed Jul 22, 2015 3:25 pm
by Spark Chao

hello
how can I move the number in list component to where I want.
thanks for your suggestion!
Image


move the number in list component

Posted: Wed Jul 22, 2015 6:22 pm
by Evgene Karachevtsev

Hello Spark,

I'm afraid the only way is to uncheck Numbered option for a list component and use images with numbers and place them with css where you want.


move the number in list component

Posted: Thu Jul 23, 2015 3:49 am
by Spark Chao

Evgene
Thanks for your reply.
Could you give me more advises about the image?
Because I use sorting get the top 5 user's score from database,how can I define the image from NO.1 to NO.5?
And where I can import the image?
Thanks for your help!!


move the number in list component

Posted: Thu Jul 23, 2015 11:08 am
by Pavel Zarudniy

Hi Spark,
You can use css to move numbers something like that:
code
ol.ui-listview li.ui-btn:first-child:before{
left: 15px;
top: 25px;
}
/code