angularjs - Not displaying correctly by full-width-header-menu-footer use angular-material -


according official provide examples: full width, header, menu, footer header menu
[flex-sm="33"][flex-md="20"] main [flex] footer use css angular-material.css,but display wrong!

make sure using latest version docs show latest versions docs. right seeing docs 0.6.0rc1 has several beaking changes/renamings 0.5.1 refer changelog fixes.

if want full width header side menu , footer here correct markup 0.6.0rc1

<div layout="column" layout-fill>     <div layout="row">         <span>your header</span>     </div>     <div layout="row" flex>         <div layout="column" flex="33">             sidebar         </div>         <div flex="66">             main content         </div>     </div>     <div layout="row">         footer!     </div> </div> 

this basic layout replace header md-tollbar , sidemenu md-sidenav. should along.

also if want use 0.5.1 still replace row horizontal , column vertical


Comments

Popular posts from this blog

java - Oracle EBS .ClassNotFoundException: oracle.apps.fnd.formsClient.FormsLauncher.class ERROR -

c# - how to use buttonedit in devexpress gridcontrol -

nvd3.js - angularjs-nvd3-directives setting color in legend as well as in chart elements -