Change text font and color on list items

This forum contains topics that were moved from Get Satisfaction
Mark7294305
Posts: 0
Joined: Fri Dec 26, 2014 2:10 am

Change text font and color on list items

Post by Mark7294305 »

Hello Support
I have created a database which contains two main columns which are called name and age. I have also created a list service in the app to display all records. I wish to change the design on the list on the rows where if the age number is less than 12, then the text color is change to red and the font is changed to italics on the name column.

How can I do this?

Serhii Kulibaba
Posts: 147
Joined: Tue Aug 27, 2013 1:47 pm

Change text font and color on list items

Post by Serhii Kulibaba »

Hello Mark,

Please use the following CSS:

preul[name=mobilelistName] .ui-btn{
color:red!important;
font-family: serif;
}/pre

here mobilelistName - name of the list component

Mark7294305
Posts: 0
Joined: Fri Dec 26, 2014 2:10 am

Change text font and color on list items

Post by Mark7294305 »

Hello Sergiy
Thank you for your reply. Sorry but I gave you the wrong information for this so I need to ask the question again.

As I mentioned before I have a database with 2 main columns which are called name and age.

Image

I have also created a list consisting of a grid with 3 labels and a list service mapping to the 3 labels

Image Image

I wish to change the design on the list on the rows where if the age number is less than 12, then the text color is change to red and the font is changed to italics on the name column.
Image
How can I do this?

Post Reply