# Ui-switch icon size

**URL:** https://discourse.nodered.org/t/ui-switch-icon-size/90421
**Category:** Dashboard
**Tags:** dashboard-2
**Created:** [25 August 2024 12:01 UTC](https://discourse.nodered.org/t/ui-switch-icon-size/90421 "2024-08-25T12:01:27Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![Panda](https://avatars.discourse-cdn.com/v4/letter/p/71c47a/32.png) [@Panda](https://discourse.nodered.org/u/Panda)
#### Post date: [25 August 2024 12:01 UTC](https://discourse.nodered.org/t/ui-switch-icon-size/90421/1 "2024-08-25T12:01:27Z")

</div>

Hey,  
It's me again 🙈  
Is there a way to change the size of the icon? I tried it with the things from DB1 but nothing happens.  
I use

> toggle-switch-variant-off

 ![Screenshot_20240825_135027_Opera](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/0/0068aaa3ee91cf6850dff934380c1fbffa4398a0.jpeg)  
 ![Screenshot_20240825_135412_Opera](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/2/82a6ee6d7118686895e182bad855a92d36e3c811.jpeg)

Thanks in advance

---

<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: [25 August 2024 12:11 UTC](https://discourse.nodered.org/t/ui-switch-icon-size/90421/2 "2024-08-25T12:11:00Z")

</div>

Though I am out of my depth posting about the new dashboard, with the older one it wasn't done that way.

I had to add a _qualifier_ `<i class="fa fa-umbrella fa-2x"></i>`  
Forgive me for not knowing the exact way to do it with the new dashboard.  
**Note the `fa-2x` bit.**

But I hope that gives you enough of a _nudge_ to get you there.

---

<div class="post-metadata">

### Author: ![Panda](https://avatars.discourse-cdn.com/v4/letter/p/71c47a/32.png) [@Panda](https://discourse.nodered.org/u/Panda)
#### Post date: [25 August 2024 12:28 UTC](https://discourse.nodered.org/t/ui-switch-icon-size/90421/3 "2024-08-25T12:28:51Z")

</div>

I've already tried but unfortunately it doesn't work

---

<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: [25 August 2024 12:29 UTC](https://discourse.nodered.org/t/ui-switch-icon-size/90421/4 "2024-08-25T12:29:33Z")

</div>

Ok, well good luck.

Sorry I couldn't be of more help.  
But I am only just crawling into the version 2 world.

---

<div class="post-metadata">

### Author: ![Panda](https://avatars.discourse-cdn.com/v4/letter/p/71c47a/32.png) [@Panda](https://discourse.nodered.org/u/Panda)
#### Post date: [25 August 2024 12:34 UTC](https://discourse.nodered.org/t/ui-switch-icon-size/90421/5 "2024-08-25T12:34:24Z")

</div>

Yes, me too. I'm converting my DB1 into DB2, shortening things & working more with the function node

---

<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: [25 August 2024 12:36 UTC](https://discourse.nodered.org/t/ui-switch-icon-size/90421/6 "2024-08-25T12:36:24Z")

</div>

I too may have to do that soon myself.

But for my main machines, they work ok with the older one and I dread what will happen if I have to go to DB-2.

I'm not sure it is exactly _drag and drop_ compatible that I could replace the existing ones with the new ones.

And the machines are not that new so not sure what they could handle the newer stuff.

---

<div class="post-metadata">

### Author: ![Panda](https://avatars.discourse-cdn.com/v4/letter/p/71c47a/32.png) [@Panda](https://discourse.nodered.org/u/Panda)
#### Post date: [25 August 2024 12:46 UTC](https://discourse.nodered.org/t/ui-switch-icon-size/90421/7 "2024-08-25T12:46:31Z")

</div>

Believe me, it's not just drag and drop. Many nodes only take "msg.payload" and you can't just change that. That's why I work a lot with the function node. You can summarize a lot, but you have to understand it and it's the little things why it doesn't work right away

---

<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: [25 August 2024 12:47 UTC](https://discourse.nodered.org/t/ui-switch-icon-size/90421/8 "2024-08-25T12:47:55Z")

</div>

Well, you saying the `switch` (GUI) node is not happy, that is a BIG REASON why I will not update.

I have a lot of instances of things like that in/on my flows.

---

<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: [25 August 2024 12:48 UTC](https://discourse.nodered.org/t/ui-switch-icon-size/90421/9 "2024-08-25T12:48:12Z")

</div>

> [@Icon size using native switch -dashboard 2](https://discourse.nodered.org/t/icon-size-using-native-switch-dashboard-2/88611):
>
> how i can increase size the icon using native switch for dashboard 2.0 for dash 1.0 i used fa-lightbulb-o fa-3x since dash 2.0 uses mdi, i could not find how to increase the size.

---

<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: [8 September 2024 12:48 UTC](https://discourse.nodered.org/t/ui-switch-icon-size/90421/10 "2024-09-08T12:48:36Z")

</div>

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