Luc Bors Weblog

A few weeks ago I wrote about how to highlight related detail records. That solution worked very well, but turned out to be not as fancy as expected. I needed to be able to implement multiple selection in the master as well. That turned out to be not very simple but I managed to end up with having a multi-master / multi-detail implementation. In this post I show you how I did that. First I had to enable multiple selection on the master table (Countries). To achieve this I had to remove the selectionListener and the selectedRowKeys. I also set rowSelection="multiple". The JSF code for the table now is : 1: <af:table rows="#{bindings.CountriesView2.rangeSize}" 2: fetchSize="#{bindings.CountriesView2.rangeSize}" 3: emptyText="#{bindings.CountriesView2.viewable ? 'No data to display.' : 'Access Denied.'}" 4: var="row" 5: value="#{bindings.CountriesView2.collectionModel}"...

In my current project I encountered a usability issue. The users where unable to see where the cursor was located. It was flickering, but on a page with ,multiple input components it was very difficult to locate the field where the cursor was located. I decided to help them out and that proofed to be both very simple and in the end very helpful. I used skinning to give the active field a colored background. First I defined a skin in my trinidad-config.xml <?xml version="1.0" encoding="windows-1252" ?> <skins xmlns="http://myfaces.apache.org/trinidad/skin"> <skin> <id>custom.desktop</id> <family>custom</family> <extends>fusion.desktop</extends> <render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id> <style-sheet-name>skin/custom.css</style-sheet-name> </skin> </skins> Next I made sure that the application uses the skin by defining it in the...

On the JDeveloper ADF forum there are many questions on how to change the look and feel of components. In this post I'll explain three ways to do that. Setting skin Selector property For this we need to define a custom skin. <?xml version="1.0" encoding="ISO-8859-1"?> <skins xmlns="http://myfaces.apache.org/trinidad/skin"> <skin> <id>mySkin.desktop</id> <family>MySkin</family> <extends>blafplus-rich.desktop</extends> <render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id> <style-sheet-name>skins/MySkin.css</style-sheet-name> </skin> </skins> In the style sheet we will add an entry that will hide the columnheaders. af|column::column-header-cell{display: none;} This entry in the styleSheet will apply to ALL columns in your application. Using and appending styleClasses Now we create a StyleClass that is exactly the same as the sty...