# Using dashboard widget inside UI-template?
**URL:** https://discourse.nodered.org/t/using-dashboard-widget-inside-ui-template/7809
**Category:** Dashboard
**Created:** [10 February 2019 16:50 UTC](https://discourse.nodered.org/t/using-dashboard-widget-inside-ui-template/7809 "2019-02-10T16:50:18Z")
**Posts on this page:** 4
**Page:** 1
### Author:  [@diramazioni](https://discourse.nodered.org/u/diramazioni)
#### Post date: [10 February 2019 16:50 UTC](https://discourse.nodered.org/t/using-dashboard-widget-inside-ui-template/7809/1 "2019-02-10T16:50:18Z")
Default widgets for the dashboard are great , they let you quickly build an UI for the data.
However I have real trouble positioning columns that are 12 wide causing that group/column to overlap over the other columns when they are more then 4
I've tried to override certain css in a custom ui-template but the column position is absolute and is set at element level and my rules get overridden and ignored.
So my question is two fold:
· is it possible to get a hold of the css rules for the dashboard or override them somehow, or other tricks to have a 12 column group correctly displayed when there are \>4 number of column?
· is otherwise possible to have the chart, the slider and the gauge widgets inside a ui-template where I can have my custom layout?
---
### Author:  [@jovee](https://discourse.nodered.org/u/jovee)
#### Post date: [23 September 2019 18:55 UTC](https://discourse.nodered.org/t/using-dashboard-widget-inside-ui-template/7809/2 "2019-09-23T18:55:32Z")
Wondering if anyone knows the answer to this? I also would love to know how to use widgets and groups inside of the confines of a template node.
---
### Author:  [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [23 September 2019 19:48 UTC](https://discourse.nodered.org/t/using-dashboard-widget-inside-ui-template/7809/3 "2019-09-23T19:48:41Z")
you can't use existing widgets inside a template - you can use the template to add your own.
---
### Author:  [@r0ller](https://discourse.nodered.org/u/r0ller)
#### Post date: [26 November 2020 11:59 UTC](https://discourse.nodered.org/t/using-dashboard-widget-inside-ui-template/7809/4 "2020-11-26T11:59:17Z")
This may be too late and I hopefully get what you want right but considering your second question, it could be solved in a way that you put your widgets in separate ui\_groups and position them yourself via css.
Here is an example how to position a group (though 'position: fixed' shall be 'absolute' I guess): [How to lock the dashboards groups locations](https://discourse.nodered.org/t/how-to-lock-the-dashboards-groups-locations/7458/7)
Besides that if you load that css from a file (must be put in the folder defined by httpStatic) via an http template added to the html head like:
``
by modifying the id you may even be able to force the browser to reload it whenever the css is modified dynamically. However, I haven't tried that so this is just theory.