# Uibuilder, uib-brand.css and plotly.js

**URL:** <https://discourse.nodered.org/t/uibuilder-uib-brand-css-and-plotly-js/76132>\
**Category:** General\
**Tags:** uibuilder\
**Created:** [5 March 2023 13:06 UTC](https://discourse.nodered.org/t/uibuilder-uib-brand-css-and-plotly-js/76132 "2023-03-05T13:06:17Z")\
**Posts on this page:** 1\
**Showing post:** 5

<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:** [7 June 2025 12:21 UTC](https://discourse.nodered.org/t/uibuilder-uib-brand-css-and-plotly-js/76132/5 "2025-06-07T12:21:09Z")

</div>

In case anyone comes across this in the future, please see the post:

> [@Using UIBUILDER with Plotly](https://discourse.nodered.org/t/using-uibuilder-with-plotly/97462):
>
> Many thanks to @Paul-Reed for prompting me on this. When using Plotly charts with UIBUILDER, you should note that their code is rather dated in places. In particular, their CSS styling is not really up to current standards. It is neither properly responsive nor does it correctly isolate itself. Because of this, there are some clashes between their styling and the default UIBUILDER styles. This post fixes that. To use Plotly correctly, use this as your index.css content: /\* Load defaults from…

Which gives some CSS corrections for Plotly to work correctly with UIBUILDER's default CSS.

---

_[View the full topic](https://discourse.nodered.org/t/uibuilder-uib-brand-css-and-plotly-js/76132)._