You can achieve a lot with CSS and XML dashboards.
If you want panel 1 and panels 3,4,5 on separate rows, where panel2 then spans two rows, that's very involved.
Note that you can have multiple visualisations inside a single <panel> element and different visualisation elements have a layout where:
<single> visualisation elements stack horizonally inside a <panel> and other elements will stack vertically. So, technically you could achieve that layout IFF panels 3,4,5 are single value viz like this
<row depends="$CSS_ONLY$">
<panel>
<html>
<style>
#my_panels .dashboard-cell:nth-child(1) {
width:60% !important;
}
#my_panels .dashboard-cell:nth-child(2) {
width:40% !important;
}
</style>
</html>
</panel>
</row>
<row id="my_panels">
<panel>
<chart>
Chart viz goes here (panel1)
</chart>
<single>
Single viz here (panel3)
</single>
<single>
Single viz here (panel4)
</single>
<single>
Single viz here (panel5)
</single>
</panel>
<panel>
<table>
Table viz goes here
<table>
</panel>
</row>The first row is just used to define CSS and the CSS here will set the width of the left hand panel to be 60% and the right hand 40%.
Then there is a single visualisation in the right hand panel (table) and then in the left hand, there are 4, where the first is a chart and the last 3 are all single value ones.
This may not be a solution for you but hopefully gives you an example of what you can easily do with CSS
yeah, but i am looking for panel 3 , 4, 5 as pie charts .
I don't think this is possible with the classic dashboard layout because of simple XML limitations.
It is very easily achievable with the new dashboard studio though (which you can choose upon creation of the dashboard) because it allows you to move panels wherever you want on the dashboard.
Hope this helps!
_______________________________________
If this was helpful please consider awarding Karma. Thx!