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

Change text font and color on list items

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: 150
Joined: Tue Aug 27, 2013 1:47 pm

Change text font and color on list items

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

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?

Return to “Issues”