1
0
mirror of https://github.com/s00500/ESPUI.git synced 2024-11-21 22:50:55 +00:00

Updated Readme.md

This commit is contained in:
ayushsharma82 2017-05-20 05:20:13 +05:30 committed by GitHub
parent 5265831376
commit e6a4e12602

View File

@ -57,41 +57,48 @@ EasyUI is Based on [Skeleton CSS](http://getskeleton.com/) and Jquery for Handli
EasyUI is not Internet Dependent and will Continue working without any Internet Connection, All Assets are Loaded form ESP8266 Program Memory. EasyUI is not Internet Dependent and will Continue working without any Internet Connection, All Assets are Loaded form ESP8266 Program Memory.
#### Following Functions can be Used in Sketch: #### Following Functions can be Used in Sketch:
<br> <br>
**To Detect Internet and Switch to CDN**
**To Detect Internet and Switch to CDN** <br>
The most Heaviest Part of the code is Jquery so, to make Webpages Load faster , user can use this function to switch between jquery served from esp memory or through online CDN when Internet is Available. (This Function is to be used in Station Mode Only!) The most Heaviest Part of the code is Jquery so, to make Webpages Load faster , user can use this function to switch between jquery served from esp memory or through online CDN when Internet is Available. (This Function is to be used in Station Mode Only!)
``` ```
EasyUI.detectCDN(true); EasyUI.detectCDN(true);
``` ```
<br> <br>
**To Set an Title for your Webpage:**
![EasyUI Title](https://github.com/ayushsharma82/EasyUI/blob/master/docs/img2.PNG) **To Set an Title for your Webpage:** <br>
![EasyUI Title](https://github.com/ayushsharma82/EasyUI/blob/master/docs/img2.PNG) <br>
This Line of Code will Add your Custom Title to the Webpage Displayed by ESP8266. By Default is "EasyUI". This Line of Code will Add your Custom Title to the Webpage Displayed by ESP8266. By Default is "EasyUI".
``` ```
EasyUI.title(""); EasyUI.title("");
``` ```
<br> <br>
**To Make Label on Webpage:**
![EasyUI Label](https://github.com/ayushsharma82/EasyUI/blob/master/docs/img3.PNG) **To Make Label on Webpage:** <br>
![EasyUI Label](https://github.com/ayushsharma82/EasyUI/blob/master/docs/img3.PNG) <br>
This will add an Label on your Web Interface. This will add an Label on your Web Interface.
``` ```
EasyUI.label("Title", "Value"); EasyUI.label("Title", "Value");
``` ```
<br> <br>
**To Make Toggle Button on Webpage:**
![EasyUI Button1](https://github.com/ayushsharma82/EasyUI/blob/master/docs/img4.PNG) ![EasyUI Button2](https://github.com/ayushsharma82/EasyUI/blob/master/docs/img5.PNG) **To Make Toggle Button on Webpage:** <br>
![EasyUI Button1](https://github.com/ayushsharma82/EasyUI/blob/master/docs/img4.PNG) ![EasyUI Button2](https://github.com/ayushsharma82/EasyUI/blob/master/docs/img5.PNG) <br>
This will add an toggle Button on your Webpage. For Extra Functionality* See Below This will add an toggle Button on your Webpage. For Extra Functionality* See Below
``` ```
EasyUI.toggleButton(pin,"Title"); EasyUI.toggleButton(pin,"Title");
``` ```
<br> <br>
**Start the Library:**
Once you have Specified Any of the above Elements, Use this Below them to Start Inializing the Library. **Start the Library:** <br>
Once you have Specified Any of the above Elements, Use this Below them to Start Inializing the Library. <br>
``` ```
EasyUI.begin(); EasyUI.begin();
``` ```
<br> <br>
**Loop Function:**
**Loop Function:** <br>
Don't Forget to Add this in your void loop() Don't Forget to Add this in your void loop()
``` ```
EasyUI.loop(); EasyUI.loop();