How to modify <div class="v-slot" style="width: 50%; margin-left: 0px;">

I’ve implemented the menu of Dashboard demo correctly. However, the menu div occupies screen at 50%, letting the rest to the body. Here it’s what happens:

<div class="v-expand" style="padding-left: 0px;">
    <div class="v-slot" style="width: 50%; margin-left: 0px;">...</div><!--menu -->
    <div class="v-slot" style="width: 50%;">...</div><!-- body -->

Looking at dashboard generated html code:


... [/code]Is there any way to change my code so that I recreate the dashboard's?

I’m not entirely certain at what point you are in from your example, but usually when components take up equal space the solution is to say

layout.setExpandRatio(component, ratio); for the component that you’d like to get all the extra space.

Thank you!!! It worked :slight_smile: