28 Jun 20171 minute to read

e-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 e-targetid of Navigationdrawer.

  • HTML
  • <div ng-controller="NavigationDrawerCtrl">
            <div id="main" style="height:1000px;">
                    <div id="navpane" class="ang-navigationdrawer" ej-navigationdrawer e-targetid="drawerTarget" e-direction="left" e-enablelistview=true e-listviewsettings-width="300" e-position="fixed">
                    <button id="drawerTarget" class="ang-button btn" ej-button style="top:200px;left:600px;position:absolute">Open Drawer</button>

    The following screenshots illustrates the output.

    Before target click

    After target click