Hi Everyone,
you can see below example to get the idea about Alloy UI taglibs
you can see below example to get the idea about Alloy UI taglibs
- <%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet" %>
- <%@ taglib uri="http://liferay.com/tld/aui" prefix="aui" %>
-
- <portlet:defineObjects />
- <h1>Welcome to Alloy UI Test</h1><br/><br/>
- <aui:form name="personalData">
- <aui:layout>
- <aui:column columnWidth="50" first="true" >
- <aui:input inlineField="true" label="First Name : " name="firstName"></aui:input>
- <aui:input inlineField="true" label="Last Name : " name="lastName"></aui:input>
- <aui:input inlineField="true" label="Date of Birth: " name="birthDate"></aui:input>
- <aui:field-wrapper name="gender">
- <aui:input checked="true" inlineLabel="right" name="gender" type="radio" value="1" label="male" />
- <aui:input inlineLabel="right" name="gender" type="radio" value="2" label="female" />
- </aui:field-wrapper>
-
- <aui:select label="Country" name="selectionStyle">
- <aui:option selected="india" value="india">
- India
- </aui:option>
- <aui:option selected="us" value="us">
- US
- </aui:option>
- <aui:option selected="uk" value="uk">
- UK
- </aui:option>
- </aui:select>
- <br/><br/>
- <aui:fieldset>
- <aui:legend label="Technologies" value="technologies" />
- <aui:input type="checkbox" name="liferay" label="Liferay" value="" > </aui:input>
- <aui:input type="checkbox" name="alfresco" label="Alfresco" value="" > </aui:input>
- <aui:input type="checkbox" name="drupal" label="Drupal" value="" > </aui:input>
- </aui:fieldset>
- </aui:column>
-
- <aui:column columnWidth="50" last="true">
- <aui:panel collapsible="true" id="educationdetails" label="Education Details">
- <aui:input inlineLabel="left" inlineField="true" label="Edu. Details : " name="education" type="textarea"></aui:input>
- <aui:a cssClass="test" href="http://www.cignex.com" id="googleId" label="CIGNEX" ></aui:a>
- </aui:panel>
- <aui:panel collapsible="true" id="experiencedetails" label="Experience Details">
- <aui:input inlineField="true" label="Exp. Details : " name="experience" type="textarea"></aui:input>
- <aui:a cssClass="test" href="http://liferaycms.blogspot.com" id="liferayId" label="Liferay Experience" target="_blank"></aui:a>
- </aui:panel>
- </aui:column>
- </aui:layout>
- </aui:form>
- <aui:button-row> <aui:button name="saveButton" type="submit" value="save" onClick="javascript:alert('Save?')" /> <aui:button name="cancelButton" type="button" value="cancel" onClick="javascript:alert('Cancel?')" /> </aui:button-row>