4 Replies Latest reply: Jul 12, 2013 4:48 AM by David.. RSS

    How to change image position in PanelStrecthLayout  using css?

    David..

      Hi All,

       

      I am using JDeveloper 11.1.1.6.

       

      My Scenario is I need to show the image front of the Panel Stretch Layout .I tried to set like Style Class and change the Z-index but it's not working ,

       

      My Design Like :

       

      <af:panelStretchLayout id="psl3" inlineStyle="background-color:red" styleClass="ImageStyle">

                            <f:facet name="center">

                              <af:panelStretchLayout id="psl2" topHeight="40px"

                                                     inlineStyle="margin:20px;">

                                <f:facet name="center">

                                  <af:panelGroupLayout id="pgl3" layout="vertical"

                                                       inlineStyle="background-color: Green">

                                    <af:panelGroupLayout layout="vertical" id="pgl4"   inlineStyle="margin-top:10px;margin-left:10px;background-color:Green">          

                                    </af:panelGroupLayout>

                                  </af:panelGroupLayout>

                                </f:facet>

                              </af:panelStretchLayout>

                            </f:facet>

                          </af:panelStretchLayout>

       

      My CSS Codes :

       

      .ImageStyle{

      background-image: url("../img/sampleimage150x100.png");

      z-index:9999;

      background-repeat: no-repeat;

      }


      How to show image in-front of the layout not it's hiding behind the layout ...

       

      Thanks..