weather widget

Weather widget.css

/*This widget provides the weather report for your specified area:

To implement following the instructions below

CSS - NONE REQUIRED */

Weather Widget.html

/*Copy this snippet of code into the html section of the widget editor*/
<div class="user-info-tooltip">
 <div class="user-info-wrapper">
 <div class="user-info-top">
 <div class="user-location"><span>Sydney, Australia</span></div>
 <div class="user-weather"><span class="icon-weather"></span><span class="degree"></span><span class="unit">℃</span></div>
 </div>
 </div>
</div>

weather widget.js

/*Copy this snippet of code into the html section of the widget editor and replace 'Sydney' with the name of your area*/

<script>
$(document).ready(function() {
 setTimeout(function () {
 _formBuilder.getWeatherInfo('Sydney');
 }, 500);
});
</script>