dashboard ui template group to 100% width and height?

[skavan]

Hi,

I have a variable number of "devices" whose property values are stored in a json object.

I wish to create a dashboard page that shows the property of those devices on individual cards.

(One card per device). 

The cards should be responsive.

So, since the number of devices is unknown, I figured the way to approach this is using the template node.

I sorta have it working:

- I have a tab.

- I have a group.

- I have the template node.

Since the template node is creating all the cards, I need the group/template node to use the full browser canvas.

But I can only seem to set the width (of the group) and the width and height (of the template) in terms of grid units, where each unit has a fixed pixel width.

How do I get past this?

Or perhaps, I'm approaching the whole thing wrong?

s.

[Dave C-J]

correct. the dashboard is built around a grid structure, that is not intended to be dynamic. You would either need to create a large template of a fixed size and then populate your widgets inside that - or maybe look at things like the ui-builder dashboard project that lets you use any framework you like to build your dashboard so you could use any widgets and layout control - or maybe this one using polymer that is also under development. https://github.com/cinhcet/node-red-contrib-component-dashboard