### Author:  [@aurelhann](https://discourse.nodered.org/u/aurelhann)
#### Post date: [11 March 2022 15:00 UTC](https://discourse.nodered.org/t/upgrade-to-bootstrap-v5/59719/1 "2022-03-11T15:00:54Z")
I know that Node-red purpose a lot of inputs elements (input, list, select, tabs, etc...) to put into the node interface form. These settings node interface could be more effective with other components, like collapsing, dropdown, progress bar.
I've seen a lot of parts of bootstrap 2 and 3 into the source code. Is it possible to upgrade to bootstrap 5 in order to improve user experience?
I could be more easier to develop nodes with these bootstrap components.
If you're agree with that I'm be able to put a PR with this kind of feature.
---
### Author:  [@knolleary](https://discourse.nodered.org/u/knolleary)
#### Post date: [11 March 2022 15:57 UTC](https://discourse.nodered.org/t/upgrade-to-bootstrap-v5/59719/2 "2022-03-11T15:57:17Z")
Node-RED hasn't used bootstrap for a very long time. I've just searched through the code base, just to check I'm not forgetting anything, and I don't find any forgotten trace of it.
Where are you seeing references to bootstrap?
---
### Author:  [@aurelhann](https://discourse.nodered.org/u/aurelhann)
#### Post date: [11 March 2022 16:00 UTC](https://discourse.nodered.org/t/upgrade-to-bootstrap-v5/59719/3 "2022-03-11T16:00:52Z")
>
this part is an extract of bootstrap 2.3 ?
---
### Author:  [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [11 March 2022 16:04 UTC](https://discourse.nodered.org/t/upgrade-to-bootstrap-v5/59719/4 "2022-03-11T16:04:02Z")
I can see some old V2 boostrap classes (like `row-fluid` and `input-append`) in `forms.scss` but if you search the node-red core, they are not used.
Possibly left overs?
---
### Author:  [@aurelhann](https://discourse.nodered.org/u/aurelhann)
#### Post date: [11 March 2022 16:06 UTC](https://discourse.nodered.org/t/upgrade-to-bootstrap-v5/59719/5 "2022-03-11T16:06:52Z")
Do you will provide in the future any other elements from other framework?
---
### Author:  [@knolleary](https://discourse.nodered.org/u/knolleary)
#### Post date: [11 March 2022 16:17 UTC](https://discourse.nodered.org/t/upgrade-to-bootstrap-v5/59719/6 "2022-03-11T16:17:02Z")
We have no plans to introduce other UI frameworks.
Are there particular things you're looking for?
---
### Author:  [@aurelhann](https://discourse.nodered.org/u/aurelhann)
#### Post date: [11 March 2022 18:34 UTC](https://discourse.nodered.org/t/upgrade-to-bootstrap-v5/59719/7 "2022-03-11T18:34:29Z")
I'm please to use material UI normally but actually I'll need component like [accordion](https://mui.com/components/accordion/) because I have a lot of settings group by block.
An other component that we be great to have is a inteligent table like [data-grid](https://mui.com/components/data-grid/) or something indentical in any framework.
Create each component will be a huge work and need to be maintain.
However add a UI framework for any node developers could help.
I could suggest to test an implementation of integration and makes some pretty node form to introduce what I am thinking about.
---
### Author:  [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [11 March 2022 20:24 UTC](https://discourse.nodered.org/t/upgrade-to-bootstrap-v5/59719/8 "2022-03-11T20:24:32Z")
I think that you are really referring to Dashboard aren't you? Rather than Node-RED itself?
Dashboard is an add-on to Node-RED. Node-RED itself doesn't really need such components because it isn't a dashboard.
---
### Author:  [@aurelhann](https://discourse.nodered.org/u/aurelhann)
#### Post date: [14 March 2022 07:15 UTC](https://discourse.nodered.org/t/upgrade-to-bootstrap-v5/59719/9 "2022-03-14T07:15:17Z")
No I'm not referring to dashboards. I'm talk about node settings that extract industrial data.
These nodes have a lot of settings. To maintain the Node-red User experience I'll need these extra components to classifies and collapse the rigth setting and It's why I'm asking you about it.
---
### Author:  [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [14 March 2022 09:24 UTC](https://discourse.nodered.org/t/upgrade-to-bootstrap-v5/59719/10 "2022-03-14T09:24:51Z")
The Editor settings panel for nodes already has jQuery and (I think) jQuery UI available and extensive CSS. They also have a number of dedicated controls. You can already do a lot therefore. Including collapsible sections, tabs and more. Bootstrap would be overkill I think and would add unnecessary bloat.
---
### Author:  [@aurelhann](https://discourse.nodered.org/u/aurelhann)
#### Post date: [15 March 2022 06:53 UTC](https://discourse.nodered.org/t/upgrade-to-bootstrap-v5/59719/11 "2022-03-15T06:53:09Z")
Ok I'll try with Jquery UI (if it's available) but the list of available component are limited but should cover my needs for now.
---
### Author:  [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [15 March 2022 09:03 UTC](https://discourse.nodered.org/t/upgrade-to-bootstrap-v5/59719/12 "2022-03-15T09:03:11Z")
It is, of course, possible to load others yourself because you have a full html file to work with but everything you add makes the Editor heavier to load. Not necessarily an issue but worth remembering.
---
### Author:  [@aurelhann](https://discourse.nodered.org/u/aurelhann)
#### Post date: [23 March 2022 14:44 UTC](https://discourse.nodered.org/t/upgrade-to-bootstrap-v5/59719/13 "2022-03-23T14:44:32Z")
So It's seems to work for now. Thx for your help.
---
### Author:  [@system](https://discourse.nodered.org/u/system)
#### Post date: [22 May 2022 14:45 UTC](https://discourse.nodered.org/t/upgrade-to-bootstrap-v5/59719/14 "2022-05-22T14:45:12Z")
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.