Could not apply background image to the panel group layout in spaces application

Question

I tried to apply background image to the panel group layout with css class and also with inline style such as below
background-image:url('/content/conn/intra-dot-content/path/mywebcenter/lever/backgroundmain.jpg');background-position:center; background-repeat:repeat-y;
The background image does not show up. but it work with panel border layout. Is there any work around for the issue

Answer 1

You can try styleclass, which is always better choice than inlinestyle
page:
<af:panelGroupLayout id="pgl30"
                                   styleClass="testPGbackground">
                <af:outputText value="outputText5" id="ot8"/>
              </af:panelGroupLayout>
css:
.testPGbackground {
    background-image:url('/images/unselectedTabStart.png');
It works for me.
I tried with inline style also and it worked.
bac
<af:panelGroupLayout id="pgl30"
                                   inlineStyle="background-image: url(/incview/images/unselectedTabStart.png);">
                <af:outputText value="outputText5" id="ot8"/>
              </af:panelGroupLayout>
NOTE: You need to mention image url with context-name here, which could be a way of hard coding context name and in future it could be very difficult to change contextname. As recommended styleclass is better solution.
Thanks
Sanjeev