Kombinierte Ansicht Flache Ansicht Baumansicht
Threads [ Zurück | Nächste ]
toggle
michael ric scheffler
Problem: single Portlet Design Background
6. November 2009 13:23
Antwort

michael ric scheffler

Rang: New Member

Nachrichten: 13

Eintrittsdatum: 31. Oktober 2009

Neue Beiträge

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
10. November 2009 03:02
Antwort

Maarten van Heiningen

Rang: Regular Member

Nachrichten: 170

Eintrittsdatum: 5. Februar 2009

Neue Beiträge

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
17. November 2009 23:07
Antwort

Arun Kumar S

Rang: Regular Member

Nachrichten: 177

Eintrittsdatum: 23. Juni 2008

Neue Beiträge

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