HOW TO DRAG A BUTTON ?

Now we will drag button from control section and then on the right hand side we can change the properties of button as per our requirement.in the label section of properties we can edit the name of button in the  right hand side of the properties of that button that we drag into screen of the app in the designing section .then on the right hand side we have a CSS properties of this button which we can set as per our requirements.We can also add the properties in the different section and then we can set its values like we do usually do in CSS pages for the development of websites.

                      In case we are not using design section and we have another option code so we can switch to code section cy clicking on the code button on the left side of DESIGN button and then we can then create first create a button in index.html file and then we can dsign the app by css properties by creating the style.css file and then we can do whatever we want to do with that button.

<div class="view">

02	<header id="headDriverLogin">

03	<!-- <I want to add button here like: back or menu button> -->

04	<h1> Driver Login </h1>

05

</header>

06

07	<div class="pages" data-footer="none">

08	<div class="panel" id="driverloginpage">

09

10	<form id="frmdriverlogin">

11	<input type="text" name="driver_name" id="driverloginname" placeholder="Username">

12	<input type="password" name="driver_pass" id="driverloginpass" placeholder="Password">

13

</form>

14

15

<div>

16	<input type="checkbox" id="driverremember" name="driverremember">

17	<label for="driverremember" style="font-size: 14px;color: deepskyblue;font-weight: bold;"> Remember Me </label>

18	<br style="clear:both" />

19

</div>

20

21

<br />

22

23	<a class="button block" href="#" id="btndriverlogin"> LOGIN </a>

24

</div>

25

</div>

26

27

<footer>

28	<a href="#mainpage" class="icon home"> Index </a>

29

</footer>

30

</div>