12 December, 2011

Alloy UI taglibs

Hi Everyone,
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>

Rate Me:

1 Discussion:

Anonymous said...

I dont understand why you write selected="value" in select options. It seems in the docum that only can be set to true. Is this a typo or a hidden functionality?

Thanks!