Forums

Home » Alloy UI » English

Combination View Flat View Tree View
Threads [ Previous | Next ]
toggle
naga raju
ALLOy UI With liferay
May 15, 2012 5:21 AM
Answer

naga raju

Rank: New Member

Posts: 3

Join Date: May 14, 2012

Recent Posts

Hi

i am implementing liferay with alloy ui.

I am work show and hide events,i took two radio buttons ,when i click on first radio button it will show two text boxes,when i click on second radio button it will hide two radio button ,


In the Body part i like this

<aui:fieldset column="false">
<aui:input id="showAll-blue" inlineLabel="right" name="gender" type="radio" value="1" label="Open"/>
<aui:input id="hideAll-blue" inlineLabel="right" name="gender" type="radio" value="1" label="Close" />
<div id="overlay-blue">
<div id="demo"></div>

<aui:input type="text" name="height" />
<aui:input type="text" name="width" />


</div>


</aui:fieldset>


In Aui part


AUI().ready(
'aui-form-textarea','event',
function(A) {
var e1 =new A.Textarea(
{
autoSize: true,
labelText: 'AutoSizing textarea (minimum 100px height, maximum 200px height)',
minHeight: 100,
maxHeight: 200
}
).render('#demo');
alert(+e1);

A.get('#showAll-blue').on('click', function(event) {
e1.showAll();
});
alert(1);
A.get('#hideAll-blue').on('click', function(event) {
e1.hideAll();
});
}
);
But didnot get it .
Priyanka Dhingra
RE: ALLOy UI With liferay
May 15, 2012 10:11 PM
Answer

Priyanka Dhingra

Rank: Liferay Master

Posts: 501

Join Date: December 19, 2011

Recent Posts

Hi,
Your requirement is quite unclear....
You added some textarea....what is its significance???
naga raju
RE: ALLOy UI With liferay
May 15, 2012 10:25 PM
Answer

naga raju

Rank: New Member

Posts: 3

Join Date: May 14, 2012

Recent Posts

Hi i am working show ,hide events,when i click on a button show the text boxes .when click on other button hide the text boxes ,this is my require ment ,can u help this
Priyanka Dhingra
RE: ALLOy UI With liferay
May 20, 2012 11:43 PM
Answer

Priyanka Dhingra

Rank: Liferay Master

Posts: 501

Join Date: December 19, 2011

Recent Posts

Hi,

I have done a bit differently....u can check this
 1<div id="myForm">
 2
 3<input type="text" name="height" />
 4<input type="text" name="width" />
 5</div>
 6<div id="dyna"></div>
 7
 8<script type="text/javascript">
 9
10
11AUI().ready('aui-button-item', function(A) {
12    var dyna = A.one('#dyna');
13    var myForm = A.one('#myForm');
14    var myFormFunction = function(event) {
15        myForm.show();
16    };
17    var myFormCloseFunction = function(event) {
18        myForm.hide();
19    };
20    var open = new A.ButtonItem(
21            {
22                handler: myFormFunction,
23                label: 'Open'
24               
25            }
26        )
27        .render(dyna);
28    var close = new A.ButtonItem(
29            {
30                handler: myFormCloseFunction,
31                label: 'Close'
32            }
33        )
34        .render(dyna);
35});
36</script>
naga raju
RE: ALLOy UI With liferay
May 21, 2012 1:13 AM
Answer

naga raju

Rank: New Member

Posts: 3

Join Date: May 14, 2012

Recent Posts

Hi thank you for giving reply
Muzakir Khan
RE: ALLOy UI With liferay
June 29, 2012 3:24 AM
Answer

Muzakir Khan

Rank: Regular Member

Posts: 112

Join Date: March 14, 2012

Recent Posts

naga raju:
Hi

i am implementing liferay with alloy ui.

I am work show and hide events,i took two radio buttons ,when i click on first radio button it will show two text boxes,when i click on second radio button it will hide two radio button ,


In the Body part i like this

<aui:fieldset column="false">
<aui:input id="showAll-blue" inlineLabel="right" name="gender" type="radio" value="1" label="Open"/>
<aui:input id="hideAll-blue" inlineLabel="right" name="gender" type="radio" value="1" label="Close" />
<div id="overlay-blue">
<div id="demo"></div>

<aui:input type="text" name="height" />
<aui:input type="text" name="width" />


</div>


</aui:fieldset>


In Aui part


AUI().ready(
'aui-form-textarea','event',
function(A) {
var e1 =new A.Textarea(
{
autoSize: true,
labelText: 'AutoSizing textarea (minimum 100px height, maximum 200px height)',
minHeight: 100,
maxHeight: 200
}
).render('#demo');
alert(+e1);

A.get('#showAll-blue').on('click', function(event) {
e1.showAll();
});
alert(1);
A.get('#hideAll-blue').on('click', function(event) {
e1.hideAll();
});
}
);
But didnot get it .


Hi!..
Here if you are using AUI tags then you can make use of <aui:layout> tag in place of <div> tag.