Tuesday, 29 August 2017

Oracle ADF page background

<af:panelstretchlayout id="pt_psl1"
inlinestyle="padding:10px;background-image:url('/oracle/ui/pattern/dynamicShell/images/back.jpg');">
</af:panelstretchlayout>
=========================================================================
<af:panelstretchlayout id="pt_psl1"
inlinestyle="padding:10px;background-image:url('#{facesContext.externalContext.requestContextPath}/oracle/ui/pattern/dynamicShell/images/back.jpg');">
</af:panelstretchlayout>
==============================================================================
and I added the image images/JDev.jpg in hte public_html folder!

Create a skin file and add bellow class

.loadBg {
    background-image: url("../images/bgimg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    max-width: 100%;
    height: auto;
    display: block;
    background-color: #ee3a23;
}
==============================================================================
and add that class reference to your page

<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1" xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
          xmlns:f="http://java.sun.com/jsf/core">
    <af:panelGroupLayout id="pgl13" layout="scroll" styleClass="loadBg">
        <ur conntent >
    </af:panelGroupLayout>
</jsp:root>

Thnaks
PraveenM90
=======================================================
inlineStyle='background-image:url("image.JPG");

<af:gridRow marginTop="5px" height="auto" id="gr1">
                            <af:gridCell marginStart="5px" width="90%" id="gc1"
                                         inlineStyle='background-image:url("image.JPG");width:200px'>
                                <af:outputText value="#{item.AssetId}" id="ot1"/>
                            </af:gridCell>
                            <af:gridCell marginStart="5px" width="50%" marginEnd="5px" id="gc2"
                                         inlineStyle='background-image:url("image.JPG");'>
                                <af:outputText value="#{item.AssetType}" id="ot2"/>
                            </af:gridCell>
                        </af:gridRow>
==========================================================================
<img src="<%=renderRequest.getContextPath()%>/images/loading.gif"

worked for me.
Image was inside the war in /images/loading.gif
==========================================================================
Hi,

I had the same problem. my fault was , that i didn't imported a taglib:
<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet" %>
and then
<img src="<%=request.getContextPath()%>/img/image.jpg"/>
worked.

I hope this helps.
==========================================================================
Steps:
1.Add images folder to docroot (docroot\images).
2. Access the image in JSP using the following.
<img src="<%=request.getContextPath()%>/images/abc.png"/>

Done!. Good Luck!
==========================================================================

No comments:

Post a Comment