Languages

Menu
Sites
Language
How to change the TAU list Background color and focus color(如何定制TAU list的背景颜色和focus 的颜色)

Dear TAU guys，

 

I am using TAU list in my app in Gear S3 device. but I found the list background and focus color is back,

how to change the background color and focus color of TAU list to follow my app whole style.

Is there APIs to set color ?

 

 

List

Responses

2 Replies
Hyun-kook Cho

There is no changing list style api.

You have to override css your self.

 

like this,

.ui-page {background-color: #fff}

.ui-listview.ui-snap-listview .ui-snap-listview-selected::before {backbround-color: rgba(0,0,0,.5);

 

Thanks

 

Iqbal Hossain

Hi,

You can change the background by overriding the css class.

At first,

Make a CSS class in your style file or in same html file , like this

<style type="text/css">
     .background-ui-listview li{
         background-color: wheat; // this will be your background color. you can choose yours by name or color code 
     }
</style>

And then at your list ul item just add the class name beside default TAU class name

like this

<ul class="ui-listview background-ui-listview">
    	<li>Normal List</li>
	<li>Normal List</li>
	<li>Normal List</li>
	<li>Normal List</li>
</ul>

Hope you will got it.
Let me know if it is work.

-Thanks