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…)

Liferay 6.2 Parent and Child theme

First create Parent Theme

  • Go to File → New → Liferay Project.
  • Fill in the Project name and Display name fields.
  • Select the Liferay Plugins SDK and Portal Runtime you’ve configured.
  • Select Theme for your Plugin type.
  • Click Next.

1-theme-create-a-theme-project

  • Select a theme parent. Your theme inherits the parent theme’s styling as a base from
    which to build your theme. In addition to the _styled theme, you can choose to inherit
    from the _unstyled theme, which contains no styling. There’s also the classic theme
    that has a smooth look and feel and works well. I have chosen “classic”
  • Select your theme’s framework. You can select the Freemarker or Velocity template
    frameworks for your theme. I have chosen “Velocity”

 

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