Posts tagged css
With JDeveloper 11gR2 the skineditor is finally there. I share my first impressions in this post. When you need a skin for your application in previous versions, some configuration was needed. With 11gR2 it is much easier. (more…)
Using ADF Faces 11g Skinning for setting the styles of specific component instances or groups of instances
Skinning in ADF Faces is used to define user defined customizations with respect to one of the standard ADF skins. A skin is by and large a CSS document (CSS 3.0) that is interpreted at run time to generate the 'real' CSS documents (3.0 if that is what the browser can handle, 2.0 in most current cases) that will be sent to the browser. The real CSS document is influenced primarily by the server side Skin CSS (CSS 3.0 is converted to 2.0 if that is required) and also by factors like: browser (IE, Firefox, Safari, something else), version (5.5, 6.0, 7.0, 8.0; 2.x, 3.x;…), operating system, locale, etc. The skin is created as an extension of one of three standard skins shipped with ADF Faces.
n this article I would point at an feature of skinning I was not aware of before: skin styles need not apply to all instances of a component (sort of my previous understanding) but can be directed at specific occurrences of components:
- all component instances that have a specific styleClass set - all component instances under a specific ancestor element (that may or may not have a specific styleClass set)
Let us discuss an example of these characteristics of skinning I was not aware of More >
Today a discussion arose with one of the UI Designers on the ADF 11g project I work on. He is used to a certain way of styling web applications. He wants to work with ‘clean’ HTML – as little styling in it as possible, very W3C compliant and preferably structured – DIVs, ULs, … – in a way that makes applying external stylesheets very easy. He would like the HTML to contain values for the (style) class at specific points. And he will then take it from there.
While this approach is fairly common for Web Designers, it is not one that works well with most component based web frameworks, such as JavaServer Faces libraries. With JSP tag libraries and JSF components, web page developers have no direct control over the HTML that is rendered. Components provide productivity and help achieve consistency in source code and in look & feel. Typically this is seen as ample compensation for the loss of control over the exact HTML rendered. (more…)