# Dashboard Switch icon on left, switch label on right?

**URL:** <https://discourse.nodered.org/t/dashboard-switch-icon-on-left-switch-label-on-right/92112>\
**Category:** Dashboard\
**Tags:** node-red-dashboard, function-node\
**Created:** [1 October 2024 18:27 UTC](https://discourse.nodered.org/t/dashboard-switch-icon-on-left-switch-label-on-right/92112 "2024-10-01T18:27:56Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![waquete](https://avatars.discourse-cdn.com/v4/letter/w/a698b9/32.png) [@waquete](https://discourse.nodered.org/u/waquete)\
**Post date:** [1 October 2024 18:27 UTC](https://discourse.nodered.org/t/dashboard-switch-icon-on-left-switch-label-on-right/92112/1 "2024-10-01T18:27:56Z")

</div>

Hello,

I have a question related to dashboard switch style.  
Is there an easy way to have switch icon on the left side while label is on the right ? ie: swap label and switch position.

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [1 October 2024 19:06 UTC](https://discourse.nodered.org/t/dashboard-switch-icon-on-left-switch-label-on-right/92112/2 "2024-10-01T19:06:26Z")

</div>

If you're using the new [Dashboard 2.0](https://dashboard.flowfuse.com/), then we merged this feature this week, and it will be available in a release hopefully end of the week, maybe early next week.

---

<div class="post-metadata">

**Author:** ![waquete](https://avatars.discourse-cdn.com/v4/letter/w/a698b9/32.png) [@waquete](https://discourse.nodered.org/u/waquete)\
**Post date:** [2 October 2024 06:41 UTC](https://discourse.nodered.org/t/dashboard-switch-icon-on-left-switch-label-on-right/92112/3 "2024-10-02T06:41:55Z")

</div>

No I use [dashboard](https://flows.nodered.org/node/node-red-dashboard)

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [2 October 2024 06:56 UTC](https://discourse.nodered.org/t/dashboard-switch-icon-on-left-switch-label-on-right/92112/4 "2024-10-02T06:56:33Z")

</div>

In which case, I don’t believe it is possible. The package has been deprecated now, so if you are able to, it may be worth transitioning over to the new version

---

<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:** [2 October 2024 07:04 UTC](https://discourse.nodered.org/t/dashboard-switch-icon-on-left-switch-label-on-right/92112/5 "2024-10-02T07:04:52Z")

</div>

The CSS override still possible. Give a class name `reverted-switch` for switch or switches and add a ui\_template targeted to the site head section and the CSS for it is simple as this:

```auto
<style>
    .reverted-switch{
        flex-direction: row-reverse;
    }
</style>

```

---

<div class="post-metadata">

**Author:** ![waquete](https://avatars.discourse-cdn.com/v4/letter/w/a698b9/32.png) [@waquete](https://discourse.nodered.org/u/waquete)\
**Post date:** [2 October 2024 15:59 UTC](https://discourse.nodered.org/t/dashboard-switch-icon-on-left-switch-label-on-right/92112/6 "2024-10-02T15:59:43Z")

</div>

> [@hotNipi](#):
>
> ```auto
> .reverted-switch{
> flex-direction: row-reverse;
> }
> 
> ```

That is perfect !! 🤩

![Capture d’écran du 2024-10-02 17-55-52](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/2/e2d8d9e35c566c222251aea29f992524914815e5.png)

I added a `justify-content: flex-end;`[thanks to you as well](https://discourse.nodered.org/t/how-to-place-switch-icon-after-label-left-aligned/89810)

---

<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:** [16 October 2024 16:00 UTC](https://discourse.nodered.org/t/dashboard-switch-icon-on-left-switch-label-on-right/92112/7 "2024-10-16T16:00:37Z")

</div>

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