# \`CSS\` buttons not remembering settings as well as normal buttons

**URL:** <https://discourse.nodered.org/t/css-buttons-not-remembering-settings-as-well-as-normal-buttons/28096>\
**Category:** Dashboard\
**Created:** [10 June 2020 04:53 UTC](https://discourse.nodered.org/t/css-buttons-not-remembering-settings-as-well-as-normal-buttons/28096 "2020-06-10T04:53:56Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [10 June 2020 04:53 UTC](https://discourse.nodered.org/t/css-buttons-not-remembering-settings-as-well-as-normal-buttons/28096/1 "2020-06-10T04:53:56Z")

</div>

With my recent journey into `CSS` I am slowly going through updating buttons to `CSS` ones.  
They look a bit nicer and I need the practice in designing them.

As it is I leave the old buttons in the flow and `disable` them - **just in case**.  
And just as well too.

Here is an example of what is happening.  
The buttons with the rounder corners are `CSS` the other is a standard `button`.

![Screenshot from 2020-06-10 14-46-26](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/3/43d262bde1e86c36b5a1256f3ebeafc0d60552df.png)

The idea is there are 3 buttons that indicate what is being displayed on an LED strip.  
Temperature, time or date.

The active one is _green_.

As you can see, the `CSS` one is _blank_, but the normal button is still showing it is selected.

I'm not getting why. If I press it (the temperature button - either) it goes _green_.

I am not 100% sure it is pressing the `reload page` on the browser that does it or just ...... time.

The flow has a few non standard nodes, so I am a bit hesitant as posting because it needs those nodes.  
(Though they aren't critical for operations)

Can anyone tell me what is going on with what I have told or do you need to see the flow?

Thanks in advance.

### Just checked

I clicked on the button to make it _green_, press the `reload page` and after the reload it was back to being _blank_ - as posted.

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [10 June 2020 05:23 UTC](https://discourse.nodered.org/t/css-buttons-not-remembering-settings-as-well-as-normal-buttons/28096/2 "2020-06-10T05:23:17Z")

</div>

One thing that may make some difference here is this:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/f/af2463823a7770679a59d79081163e020b42b8a8.png)

If it is selected, then after refresh the latest payload is resent to template and you may have luck that it is the state you need your template button to be.

If you find that it is not reliable, you will need to have one ui\_control node (may be set to fire message when dashboard connects) connected to some function type of node which then asks for current state and sends correct payload to template button.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [10 June 2020 06:22 UTC](https://discourse.nodered.org/t/css-buttons-not-remembering-settings-as-well-as-normal-buttons/28096/3 "2020-06-10T06:22:47Z")

</div>

(Typically)

I didn't see that on my browser.

![Screenshot from 2020-06-10 16-20-52](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/b/9ba11d45a89b14c7125112bfedd7ab403d39b9f8.png)

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [10 June 2020 06:26 UTC](https://discourse.nodered.org/t/css-buttons-not-remembering-settings-as-well-as-normal-buttons/28096/4 "2020-06-10T06:26:24Z")

</div>

This option available since dashboard version ... heh, don't remember but added lately. So with update you probably get it..

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [10 June 2020 06:47 UTC](https://discourse.nodered.org/t/css-buttons-not-remembering-settings-as-well-as-normal-buttons/28096/5 "2020-06-10T06:47:08Z")

</div>

No, it is more a _browser_ quirk.

It sometimes hides things at the bottom of the window.

I've mentioned it with a few things and people say they don't have the problem.  
(Though most use chrome, I think)

I'm a Firefox person.

Oh well.

But I am making progress with things. What I need to do later on is consolidate all the `template` nodes into one and just have one `CSS template`.

But at where I am, I am finding it better having multiple ones as if I have a problem with `x`, I open `x's` `template` node and the list is succinct - and therefore easier to parse.

(Though some would argue even that isn't working too good) 😉

Anyway, the journey (and fun, and learning) continues.

Thanks again.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [24 June 2020 06:47 UTC](https://discourse.nodered.org/t/css-buttons-not-remembering-settings-as-well-as-normal-buttons/28096/6 "2020-06-24T06:47:23Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.