# UIBUILDER 6.5 question about updateing html parts and classes

**URL:** <https://discourse.nodered.org/t/uibuilder-6-5-question-about-updateing-html-parts-and-classes/83112>\
**Category:** General\
**Tags:** uibuilder\
**Created:** [22 November 2023 21:13 UTC](https://discourse.nodered.org/t/uibuilder-6-5-question-about-updateing-html-parts-and-classes/83112 "2023-11-22T21:13:53Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![daspixel](https://avatars.discourse-cdn.com/v4/letter/d/db5fbb/32.png) [@daspixel](https://discourse.nodered.org/u/daspixel)\
**Post date:** [22 November 2023 21:13 UTC](https://discourse.nodered.org/t/uibuilder-6-5-question-about-updateing-html-parts-and-classes/83112/1 "2023-11-22T21:13:53Z")

</div>

Hi,  
this question are about 6.5 I allready updated to 6.6 but not to 6.7 (but I will do as soon as possible)

Actually I do have static coded html "elements" that are looking like this

```auto
                    <div class="info-element button switch uibuilder" id="ccc-defencepower" data-type='hm-switch' data-target='ccc-defencepower' data-do='toggle' data-action='' data-system='BidCos-RF' data-device='HMXY231344' data-getchannel='0' data-setchannel='1' data-state='true'>
                        <div class="titel">
                            Zaun
                        </div>
                        <div class="icon" id="ccc-defencepower-icon"></div>
                        <div class="label" id="ccc-defencepower-label">W</div>
                        <div class="value" id="ccc-defencepower-value">-</div>
                        <div class="led" id="ccc-defencepower-led"></div>
                    </div>

```

- The "element" sends data to uibuilder and I can send this to my smart home (homematic) device.
- I am able to Update single Parts (tags) and I can change classes

but it guess I could do it better but I am unsure if I miss something

How would I add or remove CSS classes - instead of setting one class with the edit node?  
For example I want to set an "powerON" / "powerOFF" class additional to other classes

best regards  
Antonio B.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [23 November 2023 00:49 UTC](https://discourse.nodered.org/t/uibuilder-6-5-question-about-updateing-html-parts-and-classes/83112/2 "2023-11-23T00:49:33Z")

</div>

> [@daspixel](#):
>
> How would I add or remove CSS classes - instead of setting one class with the edit node?  
> For example I want to set an "powerON" / "powerOFF" class additional to other classes

I assume that you want to use no-code updates to change the classes?

If so, unfortunately, this has to be done by changing the whole list at the moment. Individual class name changes are on the backlog. So if you wanted to change `<div class="led" id="ccc-defencepower-led"></div>` to include the `powerON` class, you could use a `uib-update` node and just use the attributes change feature sometihng like `{"class": "led powerON"}`.

This is the same in v6.6 and v6.7 as well.

---

<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:** [22 January 2024 00:50 UTC](https://discourse.nodered.org/t/uibuilder-6-5-question-about-updateing-html-parts-and-classes/83112/3 "2024-01-22T00:50:03Z")

</div>

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