Combination View Flat View Tree View
Threads [ Previous | Next ]
toggle
Dinisha Tennakoon
Slider to Liferay
June 5, 2013 7:25 PM
Answer

Dinisha Tennakoon

Rank: New Member

Posts: 22

Join Date: June 5, 2013

Recent Posts

I have already created a slider using DDSlider. But I don't know how to add it to a particular page in the Liferay Portal. Could anyone tell me the way to get this done??

The slider is fully working. Also have some texts in it.

Also I don't want it to be a portlet.
Vishal Panchal
RE: Slider to Liferay
June 5, 2013 9:11 PM
Answer

Vishal Panchal

Rank: Expert

Posts: 277

Join Date: May 20, 2012

Recent Posts

Hi Dinisha,

You can create a liferay web-content and place your slider code.

Then you should add web content display portlet on page and select the created web content to display.

Hope it helps.!

Thanks,
Vishal
Dinisha Tennakoon
RE: Slider to Liferay
June 5, 2013 10:12 PM
Answer

Dinisha Tennakoon

Rank: New Member

Posts: 22

Join Date: June 5, 2013

Recent Posts

Vishal Panchal:
Hi Dinisha,

You can create a liferay web-content and place your slider code.

Then you should add web content display portlet on page and select the created web content to display.

Hope it helps.!

Thanks,
Vishal


Hi Thank you for the reply. I am new to Liferay. IF you can please can you tell me how to do it? I know how to create a web-content. Can you tell me what do to from there??

Thank you.
chirag @ India
RE: Slider to Liferay
June 5, 2013 10:35 PM
Answer

chirag @ India

Rank: Regular Member

Posts: 129

Join Date: December 20, 2011

Recent Posts

hi Dinisha ,

After Add web-content open in edit mode & paste Your slide Code ,In liferay bundle Webapps is root directory in that you can add folder ex. "slide" and in that put all related js, css & image .So in your code set path from your slide folder for js,css,or image ..

For advance webcontent You can try with structure & template .

HTH
Chirag @ india
Dinisha Tennakoon
RE: Slider to Liferay
June 5, 2013 10:49 PM
Answer

Dinisha Tennakoon

Rank: New Member

Posts: 22

Join Date: June 5, 2013

Recent Posts

chirag @ India:
hi Dinisha ,

After Add web-content open in edit mode & paste Your slide Code ,In liferay bundle Webapps is root directory in that you can add folder ex. "slide" and in that put all related js, css & image .So in your code set path from your slide folder for js,css,or image ..

For advance webcontent You can try with structure & template .

HTH
Chirag @ india


Can you tell me how to do it exactly? I am new to Liferay. If u can show me the steps that would be helpful. thnx..

you can find my slider below.. please tell me how to add it.. emoticon
Attachments: slider.zip (267.2k)
Muradali Hasan
RE: Slider to Liferay
June 5, 2013 10:49 PM
Answer

Muradali Hasan

Rank: Junior Member

Posts: 83

Join Date: July 26, 2010

Recent Posts

Hi Dinisha Tennakoon,


Adding to Chirag post.
Dependent javacript file you can include in custom theme as well so when you deploy that theme it will become available for use.

Thanks-
Muradali
Dinisha Tennakoon
RE: Slider to Liferay
June 5, 2013 11:04 PM
Answer

Dinisha Tennakoon

Rank: New Member

Posts: 22

Join Date: June 5, 2013

Recent Posts

Muradali Hasan:
Hi Dinisha Tennakoon,


Adding to Chirag post.
Dependent javacript file you can include in custom theme as well so when you deploy that theme it will become available for use.

Thanks-
Muradali



Can you tell me how to do it exactly? I am new to Liferay. If u can show me the steps that would be helpful. thnx..

you can find my slider below.. please tell me how to add it..
Attachments: slider.zip (267.2k)
chirag @ India
RE: Slider to Liferay
June 5, 2013 11:07 PM
Answer

chirag @ India

Rank: Regular Member

Posts: 129

Join Date: December 20, 2011

Recent Posts

hi Dinisha ,

I can give you syntax below how to do it...

Suppose I have Folder Jquery In my webapps folder in liferay bundle . I put all the jquery In this folder .Right now in that folder contain slide-tab folder .

For css : <link href="/Jquery/slide-tab/css/style.css" rel="stylesheet" type="text/css">

For image <div class="info_image">/Jquery/slide-tab/images/1.jpg</div>


For All You do this & For testing you can hit url like localhost:8080/web/Jquery/slid-tab/index.html

if it is works then simply paste all code in web content .

HTH
Chirag @ India
Dinisha Tennakoon
RE: Slider to Liferay
June 5, 2013 11:20 PM
Answer

Dinisha Tennakoon

Rank: New Member

Posts: 22

Join Date: June 5, 2013

Recent Posts

chirag @ India:
hi Dinisha ,

I can give you syntax below how to do it...

Suppose I have Folder Jquery In my webapps folder in liferay bundle . I put all the jquery In this folder .Right now in that folder contain slide-tab folder .

For css : <link href="/Jquery/slide-tab/css/style.css" rel="stylesheet" type="text/css">

For image <div class="info_image">/Jquery/slide-tab/images/1.jpg</div>


For All You do this & For testing you can hit url like localhost:8080/web/Jquery/slid-tab/index.html

if it is works then simply paste all code in web content .

HTH
Chirag @ India


How to paste the code in the web content. I am NEW to Liferay. You can find my slider below. can you tell me what to do on my slider to show in liferay. thnx.. I am bit stuck here..
Attachments: slider.zip (267.2k)
chirag @ India
RE: Slider to Liferay
June 5, 2013 11:31 PM
Answer

chirag @ India

Rank: Regular Member

Posts: 129

Join Date: December 20, 2011

Recent Posts

hi ,

You are making me confused, i don't know how much you have knowledge in liferay ? Add me in gtalk [ chiragmsc007it@gmail.com ]

Chirag @ India
Dinisha Tennakoon
RE: Slider to Liferay
June 6, 2013 12:39 AM
Answer

Dinisha Tennakoon

Rank: New Member

Posts: 22

Join Date: June 5, 2013

Recent Posts

please