Skip to main content
Last updated January 07, 2014 07:52, by steven.davelaar
Feedicon  
<h2>ADF Samples - UI Components</h2> [[ADFSamples | Main Table of Contents]] __TOC__ ===All=== {| border="1" |- | <span id="DVA001"/>[[#DVA001|DVA001]] | [https://github.com/donatasnicequestion/Blog-on-Software-and-Beyond-it-/raw/master/samples/adf/SetFocusSampleAppJDeveloperWorkspace.zip Set Initial Focus component for Oracle ADF Faces] {11.1.2] 11-APR-2012 [http://donatas.nicequestion.com/2012/04/component-to-set-initial-focus-in-adf.html [[image:info.png]]] |- | <span id="LJE033"/>[[#LJE033|LJE033]] | [http://technology.amis.nl/wp-content/uploads/images/AddIDsToADFPage.zip Generate IDs in all components in ADF Faces pages and fragments – to facilitate automated Selenium based testing] {11.1.1.x] 21-SEP-2011 [http://technology.amis.nl/2011/09/21/generate-ids-in-all-components-in-adf-faces-pages-and-fragments-to-facilitate-automated-selenium-based-testing [[image:info.png]]] |- | <span id="LJE021"/>[[#LJE021|LJE021]] | [http://technology.amis.nl/wp-content/uploads/images/HrmWithPreviousValue.zip Fun ADF challenge: showing the previous field in the tool tip for each form field] {11.1.1.4] 26-MAR-2011 [http://technology.amis.nl/2011/03/26/fun-adf-challenge-showing-the-previous-field-in-the-tool-tip-for-each-form-field [[image:info.png]]] |- | <span id="ACC058"/>[[#ACC058|ACC058]] | [http://www.oracle.com/technetwork/developer-tools/adf/downloads/58-optimizedadffacescomponentsearch-175857.zip How-to use the optimized component search in Oracle ADF Faces ] {11.1.1.x] 30-SEP-2010 [http://www.oracle.com/technetwork/developer-tools/adf/downloads/58-optimizedadffacescomponentsearch-175858.pdf [[image:info.png]]] |- | <span id="LBO001"/>[[#LBO001|LBO001]] | [http://sites.google.com/site/lucbors/editComponentLabel.zip Label Modifications and Persisting Resource Bundle Changes] {11.1.1.x] 28-FEB-2010 [http://lucbors.blogspot.nl/2010/02/adf-11g-label-modifications-and.html [[image:info.png]]] |- | <span id="ABA041"/>[[#ABA041|ABA041]] | [http://jdevsamples.googlecode.com/files/TableDialogEdit3.zip Custom Attribute to Pass ADF Button Key] {11.1.1.x] 06-FEB-2010 [http://andrejusb.blogspot.com/2010/02/custom-attribute-to-pass-adf-button-key.html [[image:info.png]]] |- | <span id="JPU007"/>[[#JPU007|JPU007]] | [http://adf-samples.googlecode.com/files/ResetSample.zip Reset the content of a web page] {11.1.1.1] 16-OCT-2009 [http://jobinesh.blogspot.in/2009/10/reset-content-of-web-page.html [[image:info.png]]] |- | <span id="JPU003"/>[[#JPU003|JPU003]] | [http://adf-samples.googlecode.com/files/ModifiedAttributeTracker.zip How to keep track of modified values of controls in a JSF application?] {11.1.1.1] 17-AUG-2009 [http://jobinesh.blogspot.in/2009/08/how-to-keep-track-of-modified-values.html [[image:info.png]]] |- | <span id="LJE019"/>[[#LJE019|LJE019]] | [http://technology.amis.nl/wp-content/uploads/images/changedindicator.zip Use the Change(d) Indicator to make AJAX originated value refresh explicit to the user] {11.1.1.x] 04-DEC-2008 [http://technology.amis.nl/2008/12/04/adf-11g-use-the-changed-indicator-to-make-ajax-originated-value-refresh-explicit-to-the-user [[image:info.png]]] |} ===Caroussel=== {| border="1" |- | <span id="LBO009"/>[[#LBO009|LBO009]] | [http://technology.amis.nl/wp-content/uploads/images/CarouselBlogApp.zipCarousel going round and round (..and round and..)] {11.1.1.x] 18-FEB-2010 [http://technology.amis.nl/2010/02/18/adf-11g-carousel-going-round-and-round-and-round-and [[image:info.png]]] |- | <span id="LJE009"/>[[#LJE009|LJE009]] | [http://technology.amis.nl/blog/wp-content/uploads/CarouselWithForm.zip Carousel is not just for images – on carousels with panelbox, tabs, panelform and input components] {11.1.1.2] 24-NOV-2009 [http://technology.amis.nl/2009/11/24/adf-11g-carousel-is-not-just-for-images [[image:info.png]]] |} ===Checkbox=== {| border="1" |- | <span id="ABA189"/>[[#ABA189|ABA189]] | [http://jdevsamples.googlecode.com/files/CheckBoxSampleApp.zip Important Hint for ADF BC Check Box Implementation] {11.1.2.2.0] 06-SEP-2012 [http://andrejusb.blogspot.com/2012/09/important-hint-for-adf-bc-check-box.html [[image:info.png]]] |- | <span id="SMU145"/>[[#SMU145|SMU145]] | [http://java.net/projects/smuenchadf/sources/samples/content/BooleanCheckboxInTableR1.zip Using a CheckBox in an Editable Table with Boolean/Button Binding] {11.1.1.1] 13-JUL-2009 SCOTT schema |- |||This example illustrates how to use the button binding (also known as the boolean binding) in an ADF Table to declaratively handle data entry an attribute whose valid values are one of two choices representing true/false, on/off, yes/no, etc. The CreateDeptWithFlagTable.sql creates a variant of the DEPT table named DEPT_WITH_FLAG that has one additional FLAG column whose valid values are "Y" or "N". The DeptWithFlag EO indicates a UI hint on its Flag attribute to indicate that it prefers to render as a "Checkbox". Dragging and dropping the DeptWithFlagView1 data collection from the data control palette as an "ADF Table", JDeveloper infers the correct selectBooleanCheckbox control for the Flag attribute. However, there is two additional (simple) steps required to make it work correctly in a table. First, using the overview editor for the pageDefinition, I created a new button binding named "Flag" for the Flag attribute, indicating the values of "Y" for selected and "N" for unselected. With the view1PageDef page definition as the active editor, I expanded the DeptWithFlagView1 tree binding, its nodeDefinition folder, and the AttrNames folder inside it to select the Flag attribute of the tree binding node definition. Then, using the Property Inspector, I set the value of the Binds property of this Flag attribute name element to "Flag" (without quotes), which references the name of the button binding created above. |} See also Steve Muench' [http://blogs.oracle.com/smuenchadf/resource/examples undocumented 10.1.3.x sample] nr. 117 ===Dialog and Popup=== {| border="1" |- | <span id="THA025"/>[[#THA025|THA025]] | [https://java.net/projects/smuenchadf/sources/samples/content/BlogTestRadiobutton.zip JDeveloper: Showing a Popup when Selecting an af:selectOneRadio] {11.1.1.7.0] 30-JUN-2013 [http://tompeez.wordpress.com/2013/06/29/jdeveloper-showing-a-popup-when-selecting-a-afselectoneradio/ [[image:info.png]]] |- |||Sample shows how to show a popup on selection of a radio button using an af:selectOneRadio |- | <span id="THA015"/>[[#THA015|THA015]] | [http://java.net/projects/smuenchadf/sources/samples/content/BlogSelfClosingPopup_v2.zip JDeveloper 11.1.1.6.0: Self Closing Popup] {11.1.1.6.0] 24-MAR-2013 [http://tompeez.wordpress.com/2013/03/24/jdeveloper-11-1-1-6-0-self-closing-popup/ [[image:info.png]]] |- |||Remake of Frank’s (Frank Nimphius) article How to auto-dismiss af:popup dialogs and the sample 105, using JDeveloper 11.1.1.6.0. |- | <span id="ABA233"/>[[#ABA233|ABA233]] | [https://jdevsamples.googlecode.com/files/ADFPopUpHelpApp.zip How To Control ADF PopUp Alignment] {11.1.2.3.0] 08-MAR-2013 [http://andrejusb.blogspot.com.es/2013/03/how-to-control-adf-popup-alignment.html [[image:info.png]]] |- | <span id="ABA152"/>[[#ABA152|ABA152]] | [http://jdevsamples.googlecode.com/files/IntroPopUpApp.zip Opening ADF PopUp on Page Load] {11.1.1.x] 10-MAR-2012 [http://andrejusb.blogspot.com/2012/03/open-adf-popup-on-page-load.html [[image:info.png]]] |- | <span id="LJE035"/>[[#LJE035|LJE035]] | [http://technology.amis.nl/wp-content/uploads/images/EditFieldWithLargeContents.zip Using popup for viewing and editing big fields] {11.1.1.4] 05-OCT-2011 [http://technology.amis.nl/2011/10/05/adf-11g-rich-faces-using-popup-for-viewing-and-editing-big-fields [[image:info.png]]] |- | <span id="ABA108"/>[[#ABA108|ABA108]] | [http://jdevsamples.googlecode.com/files/PopUpFetchListener.zip PopUpFetch Option for Property Listener] {11.1.1.x] 30-APR-2011 [http://andrejusb.blogspot.com/2011/04/popupfetch-option-for-property-listener.html [[image:info.png]]] |- | <span id="ACC077"/>[[#ACC077|ACC077]] | [http://www.oracle.com/technetwork/developer-tools/adf/learnmore/77-ok-cancel-support-in-dialog-351875.zip Handling the af:dialog Ok and CANCEL buttons] {11.1.1.x] 29-MAR-2011 [http://www.oracle.com/technetwork/developer-tools/adf/learnmore/77-ok-cancel-support-in-dialog-351871.pdf [[image:info.png]]] |- | <span id="ACC027"/>[[#ACC027|ACC027]] | [http://www.oracle.com/technetwork/developer-tools/adf/learnmore/27-long-running-queries-168506.zip Showing a glasspane and splash screen for long running queries] {11.1.1.x] 30-JUL-2010 [http://www.oracle.com/technetwork/developer-tools/adf/learnmore/27-long-running-queries-169166.pdf [[image:info.png]]] |- | <span id="ABA061"/>[[#ABA061|ABA061]] | [http://jdevsamples.googlecode.com/files/ValueChangeConfirmation.zip Implementing Confirmation Choice List] {11.1.1.x] 16-MAY-2010 [http://andrejusb.blogspot.com/2010/05/implementing-confirmation-choice-list.html [[image:info.png]]] |- | <span id="LBO002"/>[[#LBO002|LBO002]] | [http://sites.google.com/site/lucbors/ImplementingTooltipNavigation.zip Popup and panelwindow: Open wikipedia in a modal popup] {11.1.1.x] 30-APR-2010 [http://lucbors.blogspot.nl/2010/04/adf-11g-popup-and-panelwindow-open.html [[image:info.png]]] |- | <span id="LJE014"/>[[#LJE014|LJE014]] | [http://technology.amis.nl/wp-content/uploads/images/hrmpopupintro.zip Details popping up all around us – Quick introduction to the ADF 11g Popup component] {11.1.1.x] 28-OCT-2008 [http://technology.amis.nl/2008/10/28/adf-11g-richfaces-details-popping-up-all-around-us-quick-introduction-to-the-adf-11g-popup-component [[image:info.png]]] |} See also ADF Code Corner articles [http://www.oracle.com/technetwork/developer-tools/adf/learnmore/35-passing-values-to-popup-169177.pdf 035. How-to pass values from a parent page to a popup dialog] and [http://www.oracle.com/technetwork/developer-tools/adf/learnmore/41-prevent-dialog-from-closing-169183.pdf 041. How-to conditionally prevent dialogs from closing] ===ListView=== {| border="1" |- | <span id="ABA242"/>[[#ABA242|ABA242]] | [https://jdevsamples.googlecode.com/files/ListViewApp.zip List View - Cool Looking ADF PS6 Component for Collections] {11.1.1.7.0] 07-APR-2013 [http://andrejusb.blogspot.com/2013/04/list-view-cool-looking-adf-ps6.html [[image:info.png]]] |} ===PanelBox=== {| border="1" |- | <span id="DRM001"/>[[#DRM001|DRM001]] | [https://blogs.oracle.com/groundside/resource/2012-06-24/PanelBoxControl.zip Show All / Hide All PanelBoxes] {11.1.2.2] 24-JUN-2012 [https://blogs.oracle.com/groundside/entry/making_those_panelboxes_behave [[image:info.png]]] |} ===PanelSplitter=== {| border="1" |- | <span id="SDA009"/>[[#SDA009|SDA009]] | [http://java.net/projects/smuenchadf/sources/samples/content/SplitterTest.zip Programmatically expanding and collapsing an af:panelSplitter] {11.1.1.6] 12-JUL-2012 [https://blogs.oracle.com/ATEAM_WEBCENTER/entry/programmatically_expanding_and_collapsing_an [[image:info.png]]] |} ===PanelTabbed=== {| border="1" |- | <span id="DRM009"/>[[#DRM009|DRM009]] | [http://java.net/projects/smuenchadf/sources/samples/content/DRM009_ConveyorTabs.zip Conveyor Tabs Feature] {11.1.1.7] 15-MAY-2013 [https://blogs.oracle.com/groundside/entry/conveyor_visualization_for_tabs_in [[image:info.png]]] |- |||Shows how to enable thew new Skin based conveyor feature on panelTabbed and navigationPane visualizations. |} ===Paneldashboard=== {| border="1" |- | <span id="LBO008"/>[[#LBO008|LBO008]] | [http://technology.amis.nl/blog/wp-content/uploads/demoDashboard.zip PanelDashboard; configure your own dashboard] {11.1.1.x] 09-JUL-2009 [http://technology.amis.nl/2009/07/09/adf-11g-paneldashboard-configure-your-own-dashboard [[image:info.png]]] |} ===Progress Bar=== {| border="1" |- | <span id="JPU037"/>[[#JPU037|JPU037]] | [http://adf-samples.googlecode.com/files/ProgressIndicator.zip <af:progressIndicator> example] {11.1.1.3] 31-AUG-2010 [http://jobinesh.blogspot.in/2010/08/example.html [[image:info.png]]] |- | <span id="ACC042"/>[[#ACC042|ACC042]] | [http://www.oracle.com/technetwork/developer-tools/adf/learnmore/42-progressbarsample-168689.zip Dynamically change the progress bar color according to its current value] {11.1.1.x] 03-MAY-2010 [http://www.oracle.com/technetwork/developer-tools/adf/learnmore/42-progressbarcolor-169184.pdf [[image:info.png]]] |} ===SelectInputDate=== {| border="1" |- | <span id="WVD001"/>[[#WVD001|WVD001]] | [http://java.net/projects/redheap/downloads/directory/jdev11116/DateWithoutSeparator Global DateTimeConverter without separators] {11.1.1.6] 29-JAN-2013 [http://www.redheap.com/2013/01/global-datetimeconverter-without.html [[image:info.png]]] |- |||JSF/ADF/MyFaces DateTimeConverter that also accepts input without any separators and is installed as the default global converter |} ===SelectManyCheckbox=== {| border="1" |- | <span id="ACC102"/>[[#ACC102|ACC102]] | [http://www.oracle.com/technetwork/developer-tools/adf/learnmore/102-disable-selectmany-chckbx-1672610.zip How to dynamically enable or disable list items of an ADF bound select many checkbox component] {11.1.1.6] 26-JUN-2012 [http://www.oracle.com/technetwork/developer-tools/adf/learnmore/102-disable-selectmany-chckbx-1672609.pdf [[image:info.png]]] |- |||Sample shows how to dynamically enable or disable list items in an ADF bound list component by example of a select many checkbox |} ===SelectOneChoice=== {| border="1" |- | <span id="SMU151"/>[[#SMU151|SMU151]] | [http://java.net/projects/smuenchadf/sources/samples/content/ListBoundToSessionScopeBeanProperty.zip Data-Driven af:selectOneChoice List Bound to a Managed Bean Property] {11.1.1.1] 17-SEP-2009 SCOTT schema |- |||Page1.jspx in this example illustrates how to bind an af:selectOneChoice dropdown list to a session-scope managed bean property #{myBean.selectedDepartment}. Rather than using an ADF list binding (which is designed to target a row attribute or page definition variable), instead we create a table binding in the page definition (DeptView1) that is bound to the DeptView1Iterator iterator binding and which exposes the attributes we want to use for the label and value in the list of valid choices (Dname and Deptno, respectively). Nested inside the af:selectOneChoice an af:forEach loops over the List-valued rangeSet property that the table/range binding exposes, and create the select list items based on the data in the rows of the DeptView1Iterator (which is bound to the default rowset of the DeptView1 view object instance in the AppModule application module. |} ===ShowDetailItem=== {| border="1" |- | <span id="JPU050"/>[[#JPU050|JPU050]] | [http://adf-samples.googlecode.com/files/DetailItemSample.zip Programmatically disclosing a ShowDetailItem in a <af:panelTabbed>] {11.1.1.3] 17-DEC-2010 [http://jobinesh.blogspot.in/2010/12/programmatically-disclosing.html [[image:info.png]]] |} ===Shuttle=== {| border="1" |- | <span id="DSI011"/>[[#DSI011|DSI011]] | [http://ejbdatacontrol-samples.googlecode.com/files/BCShuttleApp.zip Get ViewObject attributes programmatically and display in Shuttle component] {11.1.2.0.0] 21-MAY-2012 [http://deepakcs.blogspot.in/2012/05/get-viewobject-attributes-pro.html [[image:info.png]]] |- |||In this article, I'm trying to explain how can ViewObject attributes be read pro-grammatically and display these attributes in ADF Shuttle component. |- | <span id="ABA095"/>[[#ABA095|ABA095]] | [http://jdevsamples.googlecode.com/files/ShuttleAccessApp.zip How to Retrieve ADF Select Many Shuttle Selection] {11.1.1.x] 11-FEB-2011 [http://andrejusb.blogspot.com/2011/02/how-to-retrieve-adf-select-many-shuttle.html [[image:info.png]]] |- | <span id="ACC064"/>[[#ACC064|ACC064]] | [http://www.oracle.com/technetwork/developer-tools/adf/learnmore/64-multi-select-list-189234.zip How-to implement a Select Many Shuttle with pre- selected values] {11.1.1.x] 23-NOV-2010 [http://www.oracle.com/technetwork/developer-tools/adf/learnmore/64-multi-select-list-189233.pdf [[image:info.png]]] |} ===Slider=== {| border="1" |- | <span id="DRM008"/>[[#DRM008|DRM008]] | [https://java.net/projects/smuenchadf/sources/samples/content/DRM008_InputSliderMeasureSelector.zip Custom label converter for inputNumberSlider and inputRangeSlider] {11.1.1.7.0] 03-MAY-2013 [https://blogs.oracle.com/groundside/entry/slide_charlie_brown_slide [[image:info.png]]] |- |||Shows how to use text labels rather than numbers on slider controls |} ===Table, Tree and TreeTable=== Click [[ADFSamplesUIComponentsTTT | here]] for Table, Tree and TreeTable page ===Text=== {| border="1" |- | <span id="VIK001"/>[[#VIK001|VIK001]] | [https://docs.google.com/open?id=0BwMHadroX7nQUTk2ZXRDOVkybVU Clickable Text Component] {11.1.2.3] 03-JAN-2013 [http://www.fusion-adf.com/2012/07/creating-clickable-text-declarative.html [[image:info.png]]] |- |||A declarative component which shows the feature of performing any action on clicking on a output text component. Could be useful in requirements where you want to delete a tag in a tag cloud on simply clicking it. |} ===Toolbar=== {| border="1" |- | <span id="LBO012"/>[[#LBO012|LBO012]] | [http://technology.amis.nl/wp-content/uploads/2010/08/tryTwoTables.zipThat is one very smart toolbarbutton!] {11.1.1.x] 10-AUG-2010 [http://technology.amis.nl/2010/08/10/adf-11g-that-is-one-very-smart-toolbarbutton [[image:info.png]]] |} ===panelGridLayout=== {| border="1" |- | <span id="DRM007"/>[[#DRM007|DRM007]] | [http://java.net/projects/smuenchadf/sources/samples/content/DRM007_RevealPanel.zip panelReveal layout] {11.1.1.7.0] 12-APR-2013 [https://blogs.oracle.com/groundside/entry/building_the_revealpanel_part_1 [[image:info.png]]] |- | <span id="ABA195"/>[[#ABA195|ABA195]] | [http://jdevsamples.googlecode.com/files/PanelGridLayoutSampleApp.zip PanelGridLayout (JDev 11.1.2.3.0 ) to Simplify Oracle Forms Modernization to ADF] {11.1.2.3.0] 14-OCT-2012 [http://andrejusb.blogspot.com/2012/10/panelgridlayout-jdev-111230-to-simplify.html [[image:info.png]]] |}
 
 
Close
loading
Please Confirm
Close