Combination View Flat View Tree View
Threads [ Previous | Next ]
toggle
michael ric scheffler
Problem: single Portlet Design Background
November 6, 2009 1:23 PM
Answer

michael ric scheffler

Rank: New Member

Posts: 13

Join Date: October 31, 2009

Recent Posts

Hello

I would like to apply background image (png) for a single different portlets.

My Way:
I add a rule for just this portlet
in
"portlet's look-and-feel"

attach css rules just for portlet by clicking portlet's look-and-feel - Advanced Styling - and add a CSS rule for just this portlet.

Sample:
I tried using
#portlet-wrapper-56_INSTANCE_M3tl .portlet-content, .portlet-content-container{
background-image:url(../images/portlet/myPicture.png);
}

but no success ! !

per changes in "main.ccs"
for all portlets "it works"

What could I have done wrong?

SETUP:
Liferay Portal Standard Edition 5.2.3 (Augustine / Build 5203 /2009)

regards

mike
Maarten van Heiningen
RE: Problem: single Portlet Design Background
November 10, 2009 3:02 AM
Answer

Maarten van Heiningen

Rank: Regular Member

Posts: 172

Join Date: February 5, 2009

Recent Posts

Hello Mike,

Have you tried to check with firebug or the ie developer toolbar (trace style option) what actually is set as a background of all your portlets?

Sounds to me like there is a css rule in your custom.css which declares that the background of all your portlets is set with a specific value.

Maybe there is also a rule with an extra value set to '!important'

If you add your style rule into the custom.css is it working?

#portlet-wrapper-56_INSTANCE_M3tl .portlet-content, .portlet-content-container{
background-image:url(../images/portlet/myPicture.png);
}

Maarten
Arun Kumar S
RE: Problem: single Portlet Design Background
November 17, 2009 11:07 PM
Answer

Arun Kumar S

Rank: Regular Member

Posts: 181

Join Date: June 23, 2008

Recent Posts

michael ric scheffler:
Hello

I would like to apply background image (png) for a single different portlets.

My Way:
I add a rule for just this portlet
in
"portlet's look-and-feel"

attach css rules just for portlet by clicking portlet's look-and-feel - Advanced Styling - and add a CSS rule for just this portlet.

Sample:
I tried using
#portlet-wrapper-56_INSTANCE_M3tl .portlet-content, .portlet-content-container{
background-image:url(../images/portlet/myPicture.png);
}

but no success ! !

per changes in "main.ccs"
for all portlets "it works"

What could I have done wrong?

SETUP:
Liferay Portal Standard Edition 5.2.3 (Augustine / Build 5203 /2009)

regards

mike



is myPicture.png in war file ?

If yes, use the below css in - Advanced Styling -
1
2#portlet-wrapper-56_INSTANCE_M3tl .portlet-content, .portlet-content-container{
3background-image:url([b]/<themename>[/b]/images/portlet/myPicture.png);
4}


If No,

1#portlet-wrapper-56_INSTANCE_M3tl .portlet-content, .portlet-content-container{
2background-image:url(/html/images/portlet/myPicture.png);
3}


HTH,
Arun