Page 1 of 1

List component font size and text wrap modification

Posted: Wed Aug 27, 2014 9:05 pm
by Cody Blue

I am intending to change the font size within ListItems and wrap the text therein. I am currently attaching this CSS to the list, and adding white-space as normal in 'more properties'

.my-custom-list .ui-li-static {
font-size:12px;
}

The font size is changing as expected but I am not getting the text wrap.

What would you recommend?


List component font size and text wrap modification

Posted: Wed Aug 27, 2014 9:46 pm
by obullei

Hello!

You can use such CSS property, as "float" or "margin".
Please , find more information how to use CSS components here: http://docs.appery.io/documentation/w...


List component font size and text wrap modification

Posted: Thu Aug 28, 2014 10:29 pm
by Cody Blue

Apologies, but this was not very useful feedback for what I was asking.

For readers in this forum who might run into a similar issue, I was able to resolve this by adding a label component to the listElement. The label component has font size adjustment options and automatically wraps the text.

Regards.


List component font size and text wrap modification

Posted: Sat Aug 30, 2014 8:14 am
by Alena Prykhodko

Thank you for sharing solution.