TargetID in EJ 1 Angular NavigationDrawer (Navigation Drawer)
8 Jun 2017 / 1 minute to read
The targetId property is used to define the target Id for Navigation Drawer. The drawer opens while you click on the specified target element.
In the HTML page set the targetId of Navigationdrawer.
<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>
<div>
<input type="button" ej-button id="drawerTarget" text="Open Drawer" style="top:200px;left:400px;position:absolute" />
</div>
export class AppComponent {
enablelistview: any;
listviewsettings: any;
constructor() {
this.enablelistview = true;
this.listviewsettings = { height: 500 };
}
}
The following screenshots illustrates the output.
Before target click
After target click
Was this page helpful?
Yes
No
Thank you for your feedback!
Thank you for your feedback and comments. We will rectify this as soon as possible!
An unknown error has occurred. Please try again.
Help us improve this page