Change panelGroupLayout to use <table> instead of <div>

As most of us know that ADF by default is converting most of its containers to <div>, but sometimes there is a need to work with <table>, let us see how to do that:

It is very simple, we will use three styles  table, table-row, and table-cell. Let us suppose that we have the following ADF faces code

    <af:panelGroupLayout>
        <!-- some controls goes here -->
    </af:panelGroupLayout>
    <af:panelGroupLayout>
        <!-- some controls goes here -->
    </af:panelGroupLayout>
</af:panelGroupLayout>

We need to convert it to a table with two rows and on column, so it will be

<af:panelGroupLayout inlineStyle="display:table;">
    <af:panelGroupLayout inlineStyle="display:table-row;">
        <af:panelGroupLayout inlineStyle="display:table-cell;">
            <!-- some controls goes g -->
        </af:panelGroupLayout>
    </af:panelGroupLayout>
    <af:panelGroupLayout inlineStyle="display:table-row;">
        <af:panelGroupLayout inlineStyle="display:table-cell;">
            <!-- some controls goes g -->
        </af:panelGroupLayout>
    </af:panelGroupLayout>
</af:panelGroupLayout>

Note if you used layout property for panelGroupLayout with value equal to Horizontal, it will be converted to able but you will not have full control over it where cells will be generated automatically and you cannot add styles to them.

ADF: Images in CSS not displayed with IE

I am currently working on a portal project in Saudi Arabia using WebCenter. I have created my own skin and styles, and in the last days I was developing on Fedora linux so I tested my work on Firefox and Chrome. After deployment, I got surprised that images not displayed.

The issues was that I was using styles like the following:

background-image: url("../images/logo.png")repeat-x; 

but while debugging on Internet Explorer, I found that the style is not existing within the css class (not being served to Internet Explorer). To fix it, you have switch to the following

background-image: url(../images3/Center.png);
background-repeat: repeat-x;

it took from me time, to find the problem, world of css :D

Rebranding OIM Administration Console [JBoss]

The following brief steps explain rebranding of Oracle Identity Manager on JBoss application server:

- Get copy from XellerateFull.ear from [jboss_install_dir]/server/default/deploy

- Extract the file normally like a zip file (change extension from .ear to .zip)

- Inside the extracted directory, you will find a war file called xlWebApp.war

- Extract that file like a zip file (change extension from .war to .zip)

-  If you want to change the application colors and styles, go to XellerateFull/xlWebApp/css/Xellerate.css

- If you want to change labels and messages, go to XellerateFull/xlWebApp/WEB-INF/classes/xlWebAdmin.properties (change the other localized files that you are using)

- If you want to change logo and application images, go to XellerateFull/xlWebApp/WEB-INF/classes/xlDefaultAdmin.properties

- After finishing recompress everything (compress it a .zip then change the extension), but after finishing open the archive you made and see if the structure of the archives (XellerateFull.ear and xlWebApp.war) is correct like the old one

- At last replace XellerateFull.ear under JBoss with the new one you made.

Anyway, this application is built using Struts, and it can be customized as you want, nut I don't recommend that from a previous experience with other applications.

Note in documentation there is another for doing that, but it didn't work with me.