I am using a checkbox to show/hide multiple rows. I have some rows that have a single chart that spans the full width of the screen.
But when I load the dashboard, the charts in question are hiding, and when I tick the check box to show the charts/rows, the charts appear but they only span half the width of the screen, aligned to the left.
I can do a refresh on the panel/chart and the chart will refresh and then span the full width of the screen.
How do I rectify this so that when the charts show they show at the full screen with.
this is my skeleton below:
<form>
<label>dashboard name</label>
<row>
<panel>
<input type="checkbox" token="show_more_token" searchWhenChanged="true">
<choice value="show more details">show more details</choice>
</input>
</panel>
</row>
<row depends="$show_more_token$">
<panel>
<chart>
...
</chart>
</panel>
</row>
<row depends="$show_more_token$">
<panel>
<chart>
...
</chart>
</panel>
</row>
<row depends="$show_more_token$">
<panel>
<chart>
...
</chart>
</panel>
</row>
</form>
test
