Customize Position

The position property is used to specify the position whether it is in fixed or relative to the page. When you set a normal value to position property, it appears within the container. Otherwise, it appears in the whole body. The possible position values are fixed and normal. The Default value is normal.

In the HTML page set the position of Navigationdrawer.

  • html
  • <div ej-navigationdrawer id="navpane" targetId="drawerTarget" direction="left" [enableListView]="enablelistview" position="fixed" [listViewSettings]="listviewsettings">
            <ul>
                <li>Settings</li>
                <li>Read</li>
                <li>Help</li>
                <li>About</li>
            </ul>  
        </div>
  • ts
  • export class AppComponent {
            enablelistview: any;
            listviewsettings: any;
            constructor() {
                this.enablelistview = true;
                this.listviewsettings = { height: 500 };
            }
        }

    The following screenshot illustrates the output by swiping from left to right at the left end of the screen.