Vista combinada Visión Plana Vista de árbol
Discusiones [ Anterior | Siguiente ]
toggle
michael ric scheffler
Problem: single Portlet Design Background
6 de noviembre de 2009 13:23
Respuesta

michael ric scheffler

Ranking: New Member

Mensajes: 13

Fecha de incorporación: 31 de octubre de 2009

Mensajes recientes

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 de noviembre de 2009 3:02
Respuesta

Maarten van Heiningen

Ranking: Regular Member

Mensajes: 172

Fecha de incorporación: 5 de febrero de 2009

Mensajes recientes

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 de noviembre de 2009 23:07
Respuesta

Arun Kumar S

Ranking: Regular Member

Mensajes: 182

Fecha de incorporación: 23 de junio de 2008

Mensajes recientes

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