TargetId

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">
                <ul>
                        <li>Settings</li>
                        <li>Read</li>
                        <li>Help</li>
                        <li>About</li>
                </ul>
                </div>
                <button id="drawerTarget" class="ang-button btn" ej-button style="top:200px;left:600px;position:absolute">Open Drawer</button>
        </div>
        </div>

The following screenshots illustrates the output.

Before target click

After target click