Hello all, I need to have a simple layout in which there are three columns. The left most column to hold the menu (list), the second column to hold the second level menu(for example the left menu item Users should open a list of Users, Groups and Roles in the second column). When the Users is selected in the second column, a view for users table and form to open in the third column. My problem is the layout height is always set to the height of the largest view. I want the layout height to always fill the page regardless of the heights of individual views and elements.
Form elements (text fields and buttons) have fixed height. Therefore, if there is only Form in the 3rd column, there can be such a problem. To avoid this issue, you can add spacer (empty view) into rows collection:
Thanks very much. Examining the code I found the spacer tool that works great.
Now one other challenge I face is I applied material design in my page. When I refresh the browser the layout is shrunk with layout shrinking into elements height and width. When I activate a particular view, it works fine. I resorted back to the original setting and no luck. Until I activate a view, it is displayed shrunk.
My aim is to have layout like admin dashboard with material design. I started from Jet Demo.