Forums

Home » Liferay Portal » English » 3. Development

Combination View Flat View Tree View
Threads [ Previous | Next ]
toggle
Nitin Bhandari
How to insert image in liferay-ui:tabs, liferay 6.1
August 1, 2012 12:44 AM
Answer

Nitin Bhandari

Rank: New Member

Posts: 22

Join Date: July 26, 2012

Recent Posts

Hi,
I want to customize tabs by adding images instead of text. Please help me in this regard.
Thanks.
Amit Doshi
RE: How to insert image in liferay-ui:tabs, liferay 6.1
August 1, 2012 12:54 AM
Answer

Amit Doshi

Rank: Liferay Master

Posts: 549

Join Date: December 29, 2010

Recent Posts

Hi John,

I don't think liferay-ui:tabs provides that facility by refering its taglib. But you can use the jquery tab .

http://jqueryui.com/demos/tabs/

I used the same in one of my project and it is working great.

Thanks & Regards,
Amit Doshi
Nitin Bhandari
RE: How to insert image in liferay-ui:tabs, liferay 6.1
August 27, 2012 12:58 AM
Answer

Nitin Bhandari

Rank: New Member

Posts: 22

Join Date: July 26, 2012

Recent Posts

Thank you
devaraj s
RE: How to insert image in liferay-ui:tabs, liferay 6.1
November 28, 2012 10:33 PM
Answer

devaraj s

Rank: Regular Member

Posts: 206

Join Date: May 21, 2012

Recent Posts

Amit Doshi:
Hi John,

I don't think liferay-ui:tabs provides that facility by refering its taglib. But you can use the jquery tab .

http://jqueryui.com/demos/tabs/

I used the same in one of my project and it is working great.

Thanks & Regards,
Amit Doshi



Hi amit,

I want to customize only css properties in Liferay-ui:tabs .

In which path I can find css file for this tabs???

I am able to find list of css files for Liferay-ui taglib in the path ROOT\html\css\taglib , In that folder there is no tabs.css file.

please can you help me.
thanks in advance
Amit Doshi
RE: How to insert image in liferay-ui:tabs, liferay 6.1
December 27, 2012 3:24 AM
Answer

Amit Doshi

Rank: Liferay Master

Posts: 549

Join Date: December 29, 2010

Recent Posts

devaraj s:
Amit Doshi:
Hi John,

I don't think liferay-ui:tabs provides that facility by refering its taglib. But you can use the jquery tab .

http://jqueryui.com/demos/tabs/

I used the same in one of my project and it is working great.

Thanks & Regards,
Amit Doshi



Hi amit,

I want to customize only css properties in Liferay-ui:tabs .

In which path I can find css file for this tabs???

I am able to find list of css files for Liferay-ui taglib in the path ROOT\html\css\taglib , In that folder there is no tabs.css file.

please can you help me.
thanks in advance


There is no need to dig into the

I am able to find list of css files for Liferay-ui taglib in the path ROOT\html\css\taglib , In that folder there is no tabs.css file.


Just to the simple thing.. If you are using theme and want to change in all the portlets where you are applying your themes then modify in custom.css.

Best way to identify CSS is use firebug and if you are looking for tab related CSS then find the application.css(aui-tab)in the theme.

And if you need in particular portlet then modify with the help of CSS Wrapper adding tag in that particular portlet in liferay-portlet.xml. So with the help of CSS wrapper it will be applied to that particular portlet.

Let me know if you need more info on the same.