Quick App - change color on a button?

[JcBorgs 52]

Anyone know how to change the color of a button in a QA?

 

Guess it is done with the ”updateView” command, but there are no documentation available on the different options.

 

Did try this but didn’t work….   that would have been too simple…

self:updateView("btn_Pause","color","blue")

[MJB70 0]

Did you work this out?  The documentation is an absolute nightmare.

[JcBorgs 52]

No luck, did try several different things but nothing worked. 
 

This was unfortunate because it would have been really useful to change colors on buttons.

[cag014 628]

13 hours ago, JcBorgs said:

No luck, did try several different things but nothing worked. 
 

This was unfortunate because it would have been really useful to change colors on buttons.

It's impossible to change background or font color. But you can create a label (below or above the button) and change the font color (html format) - at least that what I do.

Another idea is to use Unicode characters, but the downside of that is that the symbols are very small.

 

[Brors94 10]

On 7/17/2023 at 1:07 AM, cag014 said:

It's impossible to change background or font color. But you can create a label (below or above the button) and change the font color (html format) - at least that what I do.

Another idea is to use Unicode characters, but the downside of that is that the symbols are very small.

 

Cag014, may you make an exampel on how to use the html code on the label?

can it be done in with the updateview?

 

 

self:updateView("info1", "text", "Light On")

 

[cag014 628]

17 hours ago, Brors94 said:

Cag014, may you make an exampel on how to use the html code on the label?

can it be done in with the updateview?

 

 

self:updateView("info1", "text", "Light On")

 

for example -

display "Light On" in red font

self:updateView("info1", "text", "<font color=red>Light On</font>")

 

display "Light On" in light blue and red font

self:updateView("info1", "text", "<font color=cadetblue>Light </font><font color=red>On</font>")

 

display Unicode character. Unicode character usually too small, so increase the size: 

self:updateView("info1", "text", "<font size=6>💡</font>") 

 

 link for more Unicodes :  

Please login or register to see this link.

 

display lamp ON/OFF using internal saved images of the hub

Light ON

self:updateView("info1", "text", "<img src='/assets/icon/fibaro/light/light100.png' >"

Light OFF

self:updateView("info1", "text", "<img src='/assets/icon/fibaro/light/light0.png' >"

[Brors94 10]

7 hours ago, cag014 said:

for example -

display "Light On" in red font

self:updateView("info1", "text", "<font color=red>Light On</font>")

 

display "Light On" in light blue and red font

self:updateView("info1", "text", "<font color=cadetblue>Light </font><font color=red>On</font>")

 

display Unicode character. Unicode character usually too small, so increase the size: 

self:updateView("info1", "text", "<font size=6>💡</font>") 

 

 link for more Unicodes :  

Please login or register to see this link.

 

display lamp ON/OFF using internal saved images of the hub

Light ON

self:updateView("info1", "text", "<img src='/assets/icon/fibaro/light/light100.png' >"

Light OFF

self:updateView("info1", "text", "<img src='/assets/icon/fibaro/light/light0.png' >"

 

 

Thanks  Very nice exampel, will definetly use this alot!  

 

 

[AR27690 17]

Will use that also