Forums

Home » Liferay Portal » English » 3. Development

Combination View Flat View Tree View
Threads [ Previous | Next ]
toggle
Xiaotian Lu
a basic tutorial for using aui in liferay 6
November 25, 2010 1:27 AM
Answer

Xiaotian Lu

Rank: New Member

Posts: 2

Join Date: November 4, 2010

Recent Posts

Hi every,

I have been trying to implement tree view using alloy in my portlet in liferay 6.0.5. So far I have succeeded making a demo run. Hope my experience can help you.

1. import aui lib
aui lib is included by default. You need to modified your liferay-portlet.xml
add the following two line
<header-portlet-css>/html/js/aui/aui-skin-classic/css/aui-skin-classic-all-min.css</header-portlet-css>
<header-portlet-javascript>/html/js/aui/aui/aui.min.js</header-portlet-javascript>


2. use aui in a jsp page
<h1>A.TreeView from HTML markup</h1>

<div id="<portlet:namespace />markupBoundingBox">
<ul id="<portlet:namespace />markupContentBox">
<li>
<span>folder</span>
<ul>
<li>
<a href="#">child child 1</a>
</li>
<li>
<a href="#">folder folder 2</a>
<ul>
<li>
<a href="#">child child child 1</a>
</li>
<li>
<a href="#">folder folder folder 2</a>
<ul>
<li>
<a href="#">child child child child 1</a>
</li>
<li>
<a href="#">child child child child 2</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">child 1</a>
</li>
<li>
<a href="#">child 2</a>
</li>
<li>
<a href="#">child 3</a>
</li>
</ul>
</div>

<script type="text/javascript" charset="utf-8">

AUI().ready('aui-tree-view', function(A) {

var treeView = new A.TreeView({
boundingBox: '#<portlet:namespace />markupBoundingBox',
contentBox: '#<portlet:namespace />markupContentBox'
})
.render();

});

</script>

3.deploy and run
Nagendra Kumar Busam
RE: a basic tutorial for using aui in liferay 6
November 25, 2010 2:19 AM
Answer

Nagendra Kumar Busam

Rank: Liferay Master

Posts: 653

Join Date: July 7, 2009

Recent Posts

Thank you very much for sharing emoticon, it will be helpful for many (beginners of AUI)
chandru palaniyappan
RE: a basic tutorial for using aui in liferay 6
November 25, 2010 8:35 PM
Answer

chandru palaniyappan

Rank: Junior Member

Posts: 85

Join Date: July 28, 2010

Recent Posts

Hi Xiaotian Lu ,

Can you please tell me where can i find a tutorial or samples for using alloyui


Thanks,

Chandru P
Manish Kumar Gupta
RE: a basic tutorial for using aui in liferay 6
November 25, 2010 10:09 PM
Answer

Manish Kumar Gupta

LIFERAY STAFF

Rank: Liferay Master

Posts: 535

Join Date: May 15, 2008

Recent Posts

You can get API and demo at http://alloy.liferay.com

Also, one webinar is available at http://www.liferay.com/video?v=w5095333

Another webinar is scheduled for Dec 8. Register here.
Palani Venkat
How to disable the user not to rename the page name "My private page"
November 25, 2010 11:46 PM
Answer

Palani Venkat

Rank: Junior Member

Posts: 32

Join Date: November 10, 2010

Recent Posts

Hi,

Could you pls help me in finding, How to disable the user not to rename the page name "My private page" but he can able to add portlets in my private pages
chandru palaniyappan
RE: a basic tutorial for using aui in liferay 6
November 26, 2010 12:33 AM
Answer

chandru palaniyappan

Rank: Junior Member

Posts: 85

Join Date: July 28, 2010

Recent Posts

Thanks Manish...!
Xiaotian Lu
RE: a basic tutorial for using aui in liferay 6
November 28, 2010 5:24 PM
Answer

Xiaotian Lu

Rank: New Member

Posts: 2

Join Date: November 4, 2010

Recent Posts

Hi you can find many samples from liferay svn
http://svn.liferay.com/repos/public/alloy/trunk/demos/
chandru palaniyappan
RE: a basic tutorial for using aui in liferay 6
November 28, 2010 10:08 PM
Answer

chandru palaniyappan

Rank: Junior Member

Posts: 85

Join Date: July 28, 2010

Recent Posts

Hi Xiaotian Lu,

Really thanks for your reply.

Regards,
Chandru P
Anil Sunkari
RE: a basic tutorial for using aui in liferay 6
November 27, 2011 10:47 PM
Answer

Anil Sunkari

Rank: Expert

Posts: 427

Join Date: August 11, 2009

Recent Posts

Hi Lu,

Really gr8 work.Thanks for your info.
Thanks,
Anil Sunkari
Giuseppe Cultrera
RE: a basic tutorial for using aui in liferay 6
March 9, 2012 5:28 AM
Answer

Giuseppe Cultrera

Rank: New Member

Posts: 4

Join Date: January 20, 2010

Recent Posts

Hi, I am a newbie to develop to LR (till now worked on theme and admin above all).
I would like to create something like http://deploy.alloyui.com/demos/scroller/ as explained in http://www.liferay.com/community/forums/-/message_boards/message/12885259

I tried the picture slider using tempalte and structures and it works great!
There is some way to do something similar in order to use your wonderful example for the AUI Scroller??? Can I insert in some way the

AUI().ready('aui-scroller', function (A) {
var component = new A.Scroller({
contentBox: '#scroller-content',
height: 45,
//width: 640,
orientation: 'horizontal'
}).render();
});

code in a web content?
I tried inserting it as javascript in the page administrator panel (javascript section) but it doesn't work.
Thanks in advance!!!
Ciao
Pino
Edgar Trania
RE: a basic tutorial for using aui in liferay 6
September 19, 2013 4:39 AM
Answer

Edgar Trania

Rank: Junior Member

Posts: 37

Join Date: November 13, 2010

Recent Posts

Xiaotian Lu:
Hi every,
1. import aui lib
aui lib is included by default. You need to modified your liferay-portlet.xml
add the following two line
<header-portlet-css>/html/js/aui/aui-skin-classic/css/aui-skin-classic-all-min.css</header-portlet-css>
<header-portlet-javascript>/html/js/aui/aui/aui.min.js</header-portlet-javascript>

Help

my eclipse gives a warning "The header portlet css resource /html/js/aui/aui-skin-classic/css/aui-skin-classic-all-min.css was not found in
the docroot.". how can i fix this?
Sunghun Park
RE: a basic tutorial for using aui in liferay 6
December 2, 2013 4:49 PM
Answer

Sunghun Park

Rank: New Member

Posts: 3

Join Date: January 8, 2013

Recent Posts

Thanks. I tried import AUI but it cannot load the resources because it send requestContext together. I am using Spring 3.2 MVCPortlet.
Error are here:

"NetworkError: 404 Not Found - http://localhost:8080/my-portlet/html/js/aui/aui-skin-classic/css/aui-skin-classic-all-min.css?browserId=firefox&themeId=classic&languageId=en_US&b=6101&t=1386030723000"
aui-sk...0723000
"NetworkError: 404 Not Found - http://localhost:8080/my-portlet/html/js/aui/aui/aui.min.js?browserId=firefox&minifierType=js&languageId=en_US&b=6101&t=1386030723000"

It looks like Spring is handling the URL. How can I fix this problem?
Thanks.
Mohammad Azharuddin
RE: a basic tutorial for using aui in liferay 6
December 2, 2013 10:38 PM
Answer

Mohammad Azharuddin

Rank: Expert

Posts: 471

Join Date: September 17, 2012

Recent Posts

hi MANISH
I cannot find it on that page emoticon and on dec 8 there is no webinars

And there is no video