Combination View Flat View Tree View
Threads [ Previous | Next ]
toggle
Kiran Kumar Boyini
How to change the look and feel of sign in portlet in liferay 6.1
February 4, 2013 7:43 AM
Answer

Kiran Kumar Boyini

Rank: Expert

Posts: 286

Join Date: June 2, 2011

Recent Posts

Hi All,

I want to change the look and feel of the sign in portlet of liferay 6.1.I think that I can achive this using hook.
But changing the look and feel purpose, I do not want to use hook functionality. I am thinking in easiest way like configuring the sign-in portlet ,login as admin.

Any suggestions and Ideas ?.

Regards,

KiranKumar Boyini.
David H Nebinger
RE: How to change the look and feel of sign in portlet in liferay 6.1
February 4, 2013 7:43 AM
Answer

David H Nebinger

Community Moderator

Rank: Liferay Legend

Posts: 11793

Join Date: September 1, 2006

Recent Posts

You should do it using a theme. The login portlet has classes assigned so all elements can be styled the way you want.

You can do it using the look and feel portion of the portlet itself, although this is typically only done to handle one-off sorts of styling. With the login portlet, it can be displayed at many different points in Liferay, so your changes may or may not propagate, depending upon how you define your styles.
Kiran Kumar Boyini
RE: How to change the look and feel of sign in portlet in liferay 6.1
February 4, 2013 7:52 AM
Answer

Kiran Kumar Boyini

Rank: Expert

Posts: 286

Join Date: June 2, 2011

Recent Posts

Thank you David,
Can u find tell me,where exactly I can do it in theme.Suppose say in classic theme of the liferay. I find some css file in the below path.

/html/themes/classic/css.

In which file under this folder as a result I can easily effect the look and feel of the sign in portlet.

Regards,

Kiran
David H Nebinger
RE: How to change the look and feel of sign in portlet in liferay 6.1
February 4, 2013 8:28 AM
Answer

David H Nebinger

Community Moderator

Rank: Liferay Legend

Posts: 11793

Join Date: September 1, 2006

Recent Posts

The themes are not defined on a per-portlet basis; theming is applied by attaching classes to the elements.

You get to portlet-specific theming overrides when you use selectors that include your portlet id.

If your CSS rules start with ".portlet-login", then that will control decoration of just the login portlet. So, for example, I hide the portlet-msg-error guy (so I don't see two of them) like this:

1 .portlet-login div.portlet-body > div.portlet-msg-error {
2     display: none;
3 }


This ensures that only the portlet-msg-error guy is hidden and only within the login portlet.