Skip to Main Content

Java Development Tools

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

Custom styling on an Oracle ADF

EdZzDec 1 2016 — edited Dec 4 2016

Hi,

i'm wanting to reskin an Oracle ADF application using Bootstrap. This means quickly apply the styling to all the components using Bootstrap, however, i'm having trouble styling a number of the ADF Faces components, more specifically the af:table and af:panelAccordion (and i'm sure there will be more components as i get tot them).

Using the Alta skin is not an option and I want to fully customise all components using Bootstrap.

I've done some researching regarding creating an Oracle ADF Skins and to extend the Alta skin but there is not enough information/steps/tutorials as to how to remove the current styling and replace it with a custom skin/design

For example, the af:table does not apply the styleclass in the correct position. When i apply the "table" styleclass on an "af:table" why is it applying the class on a div rather than the table itself?? that makes no sense. And in the oracle skin editor, there isn't seem to be a section (or at least its obvious) that targets the actual table, rather the syntax is different to the standard CSS syntax.

pastedImage_2.png

I know there several blogs around how to style and ADF application using bootstrap, but there is isn't any clear indication as to how to target single components within the Oracle ADF skin Editor.

john brunswick - http://www.johnbrunswick.com/2013/02/webcenter-adf-twitter-bootstrap-theme/

Although a webcenter application, the bootstrapped components predominately HTML components, rather than ADF faces components - if there is a limitation on what can and can't be styled via the oracle adf skin editor, it'd be nice to know in advance.

Oracle White paper - http://www.oracle.com/technetwork/middleware/webcenter/learnmore/wcppagetemplatebootstraptheme-2968917.pdf

Mainly targets an HTML components, rather than concentrating on ADF faces components.

there are a plethora of ADF styling, but not specifically targeting different types of UI frameworks

can anyone refer me to documentation as to how to address the issue or advice what would be the best practice to apply a fully customised CSS to an Oracle ADF application.

Thanks,

Eddie

Comments
Locked Post
New comments cannot be posted to this locked post.
Post Details
Locked on Jan 1 2017
Added on Dec 1 2016
5 comments
856 views