Material: Align button to the bottom of the sidenav menu

Created on 10 May 2015  路  2Comments  路  Source: angular/material

In the following JSFiddle (https://jsfiddle.net/rtubio/svt4ga38/) I am trying to align the "About" button to the bottom of the menu. I have tried using a

element with several variations (flex, layout="vertical" and flex, width:100%) but nothing seems to work. I have gone through the layout alignment examples within the documentation at the Angular Material website (https://material.angularjs.org/#/layout/alignment), but the closest I could find was how to align all the buttons close to the top or close to the bottom.

In my case, I am trying to align all the buttons at the start (column-wise) and only one of them at the botton. Is this possible with the current implementation of Angular Material?

picture rtubio
👍5

Most helpful comment

Use one md-list for top and another for bottom elements and set layout-align on md-sidenav to space-between center.

picture omeid on 4 Dec 2015
👍4

All 2 comments

+1

george3447 picture george3447 on 3 Aug 2015

Use one md-list for top and another for bottom elements and set layout-align on md-sidenav to space-between center.

omeid picture omeid on 4 Dec 2015
👍4
Was this page helpful?
0 / 5 - 0 ratings

Related issues

reggiepangilinan picture reggiepangilinan  路  3Comments
robertmesserle picture robertmesserle  路  3Comments
pablorsk picture pablorsk  路  3Comments
epelc picture epelc  路  3Comments
rdantonio picture rdantonio  路  3Comments