Saturday 24 September 2016

How We can use id For Jquerry in ADF Application(jsf page)

In This Tutorial we will learn basic jquerry in adf Application Normally we use jquerry in html page but we can also use jquerry with a little bit change in our code

Follow These Steps to Use jquerry in JSF Page

First of all include CDN or download library and put it into your Resources\Js folder

<af:resource type="javascript"source="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">

</af:resource>

Then Write Your code of jquerry,keep in mind always write the jquerry below


<af:document title="Animation.jsf" id="d1">

<af:resource type="javascript">

write your code here.........



</af:resource>


Keep in mind that we use class in jsf page to use jquerry


Following simple example will Clear your Confusion



?xml version='1.0' encoding='UTF-8'?>

<!DOCTYPE html>
<f:view xmlns:f="http://java.sun.com/jsf/core" xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
  <af:document title="Animation.jsf" id="d1">
  <af:resource type="javascript" source="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></af:resource>
  <af:resource type="javascript">
  
 $(document).ready(function(){
    $(".button").click(function(){
        $(".box").hide();
    });
});
  
  
  
  </af:resource>
    <af:form id="f1">
      <af:panelStretchLayout id="psl1" inlineStyle="height:100%;" styleClass="AFStretchWidth">
        <f:facet name="start"/>
        <f:facet name="end"/>
        <f:facet name="top">
          <af:toolbar id="t1">
            <af:button text="button 1" id="b1" styleClass="button"/>
          </af:toolbar>
        </f:facet>
        <f:facet name="bottom"/>
        <f:facet name="center">
          <af:panelBox id="pb1" inlineStyle="height:300px;width:400px;background-color:red;" styleClass="box" text="PanelBox1">          
            <f:facet name="toolbar"/>
          </af:panelBox>
        </f:facet>
     
      </af:panelStretchLayout>
    </af:form>
  </af:document>

</f:view>


When we click on the button then box will be Hide by using the above code example



Thanx


Mushtaq Wattu

ADF UI Developer

Friday 23 September 2016

Using Java Script Function For In Jsf Page

In this Tutorial lets talk about the java Script Function
While we are Working on jsf in property section we can see the java script function
AS Shown

These are built in function And Automatically called when we run the Function
lets take a very little example

For This Purpose drag and drop a button .
Choose java Script Function as I Choose onClick()
and when you will run the page and click on Button
Hope So You Will Enjoy The easy Tutorial
Thanx






Thursday 22 September 2016

Use Java Script In adf Applications

We can use Java Script in Adf  Applications.There are two types of java script that we can use in our adf applications .They are external and internal cs.

We can prefer external cs because if we have long code then we can easily understand the code
we can use java script in adf application and write our code in the head of html page and in jsf page we can use code  under the af:Document

Example of writing script in adf Application is
 


    <af:document title="Button.jsf" id="d1">
<af:resource type="javascript"

   function(){

write some code here
}
</af:resource>

So Follow The Step To Use Basic Js For Your Applicatioon

1)Write Java Script Code as Above Mentioned  Under The Document and define your Java Script Function
2) Drag and drop A button to perform JS
3)Now Problem Is that in which component/faces You Are Trying To Use java Script ( like button ,input text ,output text  etc)

4)Drag and Drop client listener on component for which you want to use java script figure willl clearify your Confuision

Write The Name of function in pop up container and meathed on which you want to use  Js Function

Now Run your page and click button



For Complete Understand Here Is the full Code

I hope You will Enjoy Easy Tutorial

Thank You For your Participation

Mushtaq Wattu



Wednesday 31 August 2016

Important Groovey Expression In ADF

Today We will Discuss Some Groovey Expression in ADF
Calling AM method for bind variable using groovy expression

adf.object.applicationModule.methodName()

Calling VOImpl method using groovy expression from bind variable expression.

adf.object.viewObject.methodName()

Assigning sequence next value in Entity Object attribute using groovy.



Groovey Expression To Show Current Time
adf.currentDate

new oracle.jbo.server.SequenceImpl(“YOUR_SEQ_NAME”, object.getDBTransaction()).getSequenceNumber()

Get Current user from groovy.

adf.context.securityContext.userName or adf.context.securityContext.getUserPrincipal().getName()

Get Current user role from groovy.

adf.context.securityContext.userInRole

Get current date with tuncated time using groovy.

adf.currentDate

Get current date with time stamp value using groovy.

adf.currentDateTime

Raise an error in Entity Validation.

adf.error.raise(“YOUR_MESSAGE”)

Expression to get Old Value and New Value using groovy.

newValue, oldValue

Get the ADF Context object using groovy.

adf.context

Get user session object using groovy.

adf.userSession

Get userData object by groovy

adf.userSession.userData

get value of variable from userData object using groovy

adf.userSession.userData.employeeID

Friday 26 August 2016

How To Call Report In ADF from Form 6i

Hello every Body
Today i will  discuss how to report calling from 6i to adf
Now a days people are moving to ADF teachnology


First of all make a jsf page and drag and drop a button  from componenet pallate
In The action Listener Of Button make a bean and meathod
write the follwing code in meathod


Meathed is Explained In this picture all the detail to fetch reports from adf Is given in this post


When U will Run The Jsf Page The Report Will be View



If U feel Any Confusion Reach Me


Thanx
Muhammad Mushtaq

ADF Devloper

Tuesday 9 August 2016

Create LOV (List Of Values) For Your ADF Application

Today We will discuss How to create list of values in ADF
First Of We should have idea about what is list of value

ADF Faces provides two list-of-values (LOV) input components that can display multiple attributes of each list item and can optionally allow the user to search for the needed item. These LOV components are useful when a field used to populate an attribute for one object might actually be contained in a list of other objects, as with a foreign key relationship in a database. For example, suppose you have a form that allows the user to edit employee information. Instead of having a separate page where the user first has to find the employee record to edit, that search and select functionality can be built into the form, as shown in Figure




In this Tutorial We will Learn Complete Lov Application


First Of All create Fusion Web Application

After This Click on model choose New and then from Gallery choose adf buisness componenent

after this choose Buiesness Component from table





Create Your Connection as shown in picture and Test Your Conection



After clicking ok then follow the below picture




Click Next then click Move Available to selected


After clicking next,next then click finish


Now Make A view Object to create Lov  click on the AppModule and then click on the new then view Object As shown in figure






After click on view Object Write The Name and Type of view Object Select "Sql  Querry Based View Object"  

Click Next  And Then Click Querry Builder


A screen will open Follow The Follwing Steps To create Querry you can also write your Querry





After click many time then click finish
Now click DepartmentView then click Department Id Because We have To craete
 LOV(list of values ) for DepartmentId  Pictorial view Show The Step one by one



After clicking on the List of Values Then you Will click on the First Tab Configatration 
select your View Object you have Recently created and then click  The Item you want to show in lov



Click Ok ...Your LOV is created and Ready to use it Create a jsf page from view Controller
and then from appmodule data control drag and drop departments View and drop into jsf page and then run the page 




When You run the page u will get the follwing    result




Download Your Application Here 

Thanks All 

Muhammad Mushtaq
ADF Developer
































Monday 8 August 2016

Download Skining Of All Type of Animated Button in ADF

Helo everyone

I am sharing some skin of all type of button in adf

I used Global Selectors for button like this


 af|commandButton
{
//Some code Here
    }

I used Some Custom Classes


.outputtext{
//
}

                                        Download Here
                                      ADF Buttons Skins