af:carousel component

Carousel component is one of the adf components build using flash, developers mostly use this components to show the images like a slide show. This component is look like as shown below and having a slider in the bottom of the component, we can also change the slides using the slider bar as well as on click on the component at left and right hand sides. Carousel works based on the tree model.

Here I am going to give some working sample with how to do.. you can download the sample here.

The component looks like this

The sample is explained with the Department Table in the HR Schema.

1. Create the Department view and add it into the App module
2. Create a jspx page and drag and drop the Department view object into the page, drop it as a carousel component

3. The component’s value is binded with the tree model.

4. With the attribute var=”item” , bind the item into all the values attributes of all the fields

item.bindings.DepartmentId.inputValue}"

label="#{bindings.DepartmentId.hints.label}"

required="#{bindings.DepartmentId.hints.mandatory}"

columns="#{bindings.DepartmentId.hints.displayWidth}"

5. That’s it , the carousel component will render the values. Run the application

For more information about carousel component,

http://jdevadf.oracle.com/adf-richclient-demo/docs/tagdoc/af_carousel.html