Sunday 14 December 2014

Override the custom hint message of af:inputDate

This blog we will see how to override the custom message of af:inputdate component.

Generally when user will click inside the af:inputDate component then the default hint message will display like the below screen.


Add the below code for override the default message.
<af:inputDate label="Label 1" id="id1">
      <af:convertDateTime hintDate="Add custom message" type="date"/>
</af:inputDate>
Now you run your page and the screen will looks like the below


Thanks...

Disable af:inputDate Default Message

This blog we will see how to hide the default message of af:inputdate component.
Generally when user will click inside the af:inputDate component then the default hint message will display like the below screen.

Now we will how we will hide this default message. Add the below java script inside the fragment.
<af:resource type="javascript">
    function hideDefaultMsg(event){
        var src = event.getSource();
        src.getPeer().ShouldShowHint =function(){
            return false;   
        }
    }
</af:resource>

After that you can add the af:clientListener inside the af:inputDate component like the below code
<af:inputDate label="Label 1" id="id1" >
    <af:clientListener method="hideDefaultMsg" type="focus"/>
</af:inputDate>
Now you run your page and the default message will not display like the below screen

Thanks...

Sunday 7 December 2014

Use of PanelCollection in Oracle ADF

This blog we will see use of af:panelcollection in Oracle ADF. 
This example table is surrounded with a panel collection component like the below screen.
Now run your page and page will looks like the below screen.
On runtime, af:panelCollection will be rendered with View menu item and other features. User can add or remove the columns from the table at run time.
User can sort the columns, click on View-->Sort-->Advanced

You can select the column name and sorting order like the below screen

User can rearrange the columns, click on View-->Reorder Columns… then the below screen will display and can arrange the columns.
Thanks..