title: How to develop Navigation drawer in Titanium Alloy
body: <p>I am developing mobile application using Titanium alloy. In That I have to develop Navigation drawer activity just like in facebook app.
  So that there is a button at the top header and when user click on it then sliding view come  from left side which contain various setting option on it.</p>
  
  <p>for that it have refers this <a href="http://docs.appcelerator.com/titanium/3.0/#!/api/Alloy.widgets.drawer" rel="nofollow noreferrer">Link</a> but it not enough for me.</p>
  
  <p>i have did the fallowing code</p>
  
  <p>XML file</p>
  
  <pre><code>&lt;Alloy&gt;
      &lt;Window class="container"&gt;
          &lt;Require type="widget" src="com.appcelerator.drawer" id="widget"/&gt;
          &lt;View &gt;
              &lt;Button id="Text_Order" onClick="TextOrder"&gt;Text Order&lt;/Button&gt;
              &lt;Button id="Voice_Order"&gt;Voice Order&lt;/Button&gt;
              &lt;Button id="Call_Me_Back"&gt;Call Me Back&lt;/Button&gt;
              &lt;Button id="Place_Order"&gt;Place Order&lt;/Button&gt;
          &lt;/View&gt;
      &lt;/Window&gt;
  &lt;/Alloy&gt;
  </code></pre>
  
  <p>on JS file </p>
  
  <pre><code>function webviewLoad(e) {
      $.widget.checkEnabled();
  };
   $.widget.addEventListener('Click',function (){
      alert('Hi');
   });
  </code></pre>
  
  <p>I got the result as </p>
  
  <p><img src="https://i.stack.imgur.com/KTCy0.png" alt="Result"></p>
  
  <p>I wand drawer button should be at the left corner of the header (Like in facebook app)
  and eventlistener is also not working.</p>
  
  <p>I am very new for mobile app development please help me to get this done.</p>