Foros de discusión
Problem: single Portlet Design Background
michael ric scheffler, modificado hace 14 años.
Problem: single Portlet Design Background
New Member Mensajes: 13 Fecha de incorporación: 31/10/09 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
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, modificado hace 14 años.
RE: Problem: single Portlet Design Background
Regular Member Mensajes: 174 Fecha de incorporación: 5/02/09 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
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, modificado hace 14 años.
RE: Problem: single Portlet Design Background
Regular Member Mensajes: 182 Fecha de incorporación: 23/06/08 Mensajes recientesmichael 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 -
#portlet-wrapper-56_INSTANCE_M3tl .portlet-content, .portlet-content-container{
background-image:url([b]/<themename>[/b]/images/portlet/myPicture.png);
}</themename>
If No,
#portlet-wrapper-56_INSTANCE_M3tl .portlet-content, .portlet-content-container{
background-image:url(/html/images/portlet/myPicture.png);
}
HTH,
Arun