How to convert Alloy Tabs into Liferay 6.2 advance web content using velocity template

Visit Alloy UI Tab page to understand the functionality about AUI tab plugin – http://alloyui.com/examples/tabview/

STEP1: Create Web Content

In DockBar click on Admin > Content – in left nav click on ‘Web content’
Click on Add > Basic Web content

STEP 2: Add/Create structure

Create structure add fields to get tabs input.
Add filed
Tab ID – as textbox,
Tab Name – textbox
Tab Content – HtmlTextbox
Save the structure

Structure Code: https://github.com/Sandeep821/Alloy-Tab-as-a-Advance-Web-Content-Display-Liferay-6.2

——————————————————–Click here for more————————————————-
(more…)

Simple JQuery Weather Widget

This code snippet app is created by using jQuery, openweathermap.org Services. The interface is simple, and it can be easily adjusted to fit the needs and color palette of a particular project.

The weather code displays the temperature in both Celsius and Fahrenheit, User can easily change the city by passing parameter in weather function.

This code is good for learning purpose, using this user can easily make custom reusable jquery plugin and add extra feature and information.

Weather detail block could be open in Popup on click of smaller weather ticker.

How to use:

Make sure that you include the latest jQuery library in HTML and given CSS and script.

Code http://codepen.io/sandeep821/pen/RRPrpx

GitHub – https://github.com/Sandeep821/Simple-JQuery-Weather-Widget

——————————————————–Click here for more————————————————-
(more…)