Sunday 26 June 2016

Department Based Login Using ADF Security And Custom login

Helo Everyone 

Today i will discuss how to create User Based Login Using ADF Security becuase now a days security is needed to every person and this is very important to implement security in our application so lets starts 
Follow these steps to create user based  adf Security in your application 

1)Create A  fusion adf  application
2)Click On adfc Config from the view Controller  --->WEB IN---->adfc-config-xml


3)from componenet pallet drag and drop four views with wild card
 a)first drop wild card 
 b)then drop four views name as shown in picture

4)Then choose control flow from the componenet pallet from wild card to all four view
as shown in picture


5)Name the all control flow and then click on overview tab of adf-confg page 
follwing data should be on your 


6)Now create a page template
                                                                                     
7)Name your Template as you wish after this click on template and choose


10)With the Facet Definitions tab in front, click add green plus icon to add a facet. Enter main_content in the Name field. Then click OK.





11)In the Component Palette, ADF Faces page, Layout panel, drag panel group layout icon Panel Group Layout and drop it on the top facet of the template, in the visual editor.



12)In the Property Inspector, Common section, select vertical from the Layout dropdown list. Expand the Style section, select the Background tab, and select Black from the Background Color dropdown lis

13)In the Component Palette, Text and Selection panel, drag and drop out put texticon Output Text into the panel group layout you just added.

  1. In the Property Inspector, Common section, enter Product Information as the Value. Expand the Style section, select the Text tab, and select White from the Color dropdown list, medium from the Font Sizedropdown list, and bold from the Font Weight dropdown list.
  2. In the Component Palette, Layout panel, drag panel group layout icon Panel Group Layout and drop it on the start facet of the template.



your Template is ready to use  after this you should go to adfc-config page and then click on the login page as shown below
14)A login page.jsf will be craeted the choose your template according in this example i choose my template you will choose your template page
15)Design your login page according to your requiremnet e.g my design login page is that



16)After this you will craete all jsf pages (after double clicking on IT,Accnt,genral) according to your own reqiuremnt
now you have four jsf pages we have to implement security for these pages 
first of all implemnet security to your adf application
follow these steps
17)Choose your login page to click on form based authentication

now u can click finish
18)Now create users for your application for this purpose click on application and choose Test Users And roles Create users 
19)click on application roles and create roles according to your page e.g IT,Accnt,Genral
20)Click on IT and And then + tab to add users for IT
Repeate The Above steps To create Users For Other Department
21)Now Allocate Resources To Application Role for example Assign Accnt Department To the Accnt Page As you can see in the below example

Repeat the steps to manage Other Resources 
22)You have Successfuly implement Security To your Application for Your Resources
Now We have Add our Custom Login Class,because in this scenerio we have to condition based Login so add follwing code to your login Class




Now Your Application Is Ready To Use 
Hope You will Learn From my Efforts


Mushtaq Wattu(Alta UI Developer)

Bug in View Object Query in jdeveloper 12.2.1/Problem In Query Object Result

Helo every body Today i will discuss a bug in j developer version 12.2.1
Actually when you create a view Object you will face a error  when you ask the result from querry 
the querry does not return the result even if there is no error in querry syntax
i will discuss this by using pictorial view 
Lets Take an example of view object to Discuss This Bug

1)Click on View Object 



2)Then click On querry To check The Querry and Then click "Test and Explain"









3)Querry Will Execute But it Will Shows No Result Now Click on Edit Tab(pencil like tab with add tab)



4)You Will Noticed the querry will execute and return the result as you can show in the red error zone







5)Finally You Will get The Result




Follwing My vedio will clear all the Procedure and your bug will be adjusted
          




                                                           Thanx 
                                                   Mushtaq Wattu

Saturday 25 June 2016

Showing Logged UserName by Using Security

helo Every one today i  will share how to show username of logged username by using adf security
this is quite simple to show the username of logged user.
actually the problem i am discussing with you is shown in this picture
you can see fahad is logged in this time so which is showing with name and icon
so to create this follow these simple steps
1)in your jsf page drop a output text and in the text portion write the follwing lines

         Welcome     #{securityContext.userName}
or you can also find this from using Expression builder


 so this is all for today  very simple and easy meathed to show the logged username
  if u have any confusin u can also follow this link
http://docs.oracle.com/cd/E18941_01/tutorials/jdtut_11r2_29/jdtut_11r2_29.html



Best regard
Muhammmad Wattu


Sunday 19 June 2016

Advance ADF UI DVT Component With 3d Menubar

Today i will discus the updated and professional menues using css3 and adf faces componenet these menues have 3d look and they are retrieving from databases
 So i would believe that it will be Very Useful for U people
These are Three D menues and Having Unique Look
u can also see the use of dvt Component of adf
Steps To Create Home Page
1)I create a template Page
2)The menues are on the Template Page
3)create adf skins for whole page
4)define the designing of every componenet
like panel splitter,panel stretch layout,menubar etc
so the code for advance menu bar in adf skin is like that
af|menu::bar-item-open-icon-style {
    background-image: url("/images/select-arrow.png");
    height: 20px;
    width: 20px;
    padding-top: 2px;
}

af|menu::bar-item-text {
 
    font-size: 16px;
 font-family: Rambla ;
line-height: 1em;
color:white;
text-shadow:0px 0px 0 rgb(202,202,202),-1px 1px 0 rgb(158,158,158), -2px 2px 0 rgb(115,115,115),-3px 3px 2px rgba(0,0,0,0.6),-3px 3px 1px rgba(0,0,0,0.5),0px 0px 2px rgba(0,0,0,.2);}

}

af|menu::bar-item-text:hover {
    font-size: 17px;
 font-family: Rambla ;
line-height: 1em;
color:white;
text-shadow:0px 0px 0 rgb(202,202,202),-1px 1px 0 rgb(158,158,158), -2px 2px 0 rgb(115,115,115),-3px 3px 2px rgba(0,0,0,0.6),-3px 3px 1px rgba(0,0,0,0.5),0px 0px 2px rgba(0,0,0,.2);}
    -webkit-transition: all 2s;
    background-color:white;
}

af|menu::bar-item {
    padding: 0px;
    height: 25px;
}

af|menu::bar-item:highlighted {
    background-image: none;
    background: transparent;
    border: none;
    border-bottom: 2px solid #c00;
    padding: 0px;
}

af|menu::bar-item:depressed {
    background-image: none;
    background: transparent;
    border: none;
    border-bottom: 2px solid #c00;
        padding: 0px;
}

af|menu:highlighted af|menu::bar-item-open-icon-style {
    background-image: url("/images/select-arrow.png");
    padding-top: 2px;
}

af|menu:depressed af|menu::bar-item-open-icon-style {
    background-image: url("/images/select-arrow.png");
    padding-top: 2px;
}
af|menuBar
{
    overflow: visible !important;
    background: transparent;
    height: 25px;
}
af|commandMenuItem::menu-item-text {
   font-family: Rambla ;
line-height: 1em;
color:white;
    font-size: 14px;
text-shadow:0px 0px 0 rgb(202,202,202),-1px 1px 0 rgb(158,158,158),
-2px 2px 0 rgb(115,115,115),-3px 3px 2px rgba(0,0,0,0.6),-3px 3px 1px rgba(0,0,0,0.5),0px 0px 2px rgba(0,0,0,.2);
    height: 20px;
    width: 200px;
}
af|menu::child-container
{
    background-color: #006ba5;
    min-width: 150px;
    border-top: none;
}
af|commandMenuItem::menu-item-text:hover {

    background-color: #003152 !important;
}
af|commandMenuItem::menu-item-text:active {
     background-color: #006ba5;
}
af|commandMenuItem::menu-item-icon-style {
    display: none;
}

af|commandMenuItem::menu-item-open-indicator {
    display: none;
}

af|commandMenuItem::menu-item-accelerator {
    display: none;
}

next topic i will discuss how we can use adf faces component

Hope It will be very useful for Your Adf  Designing Phase
thanx
Mushtaq Wattu



Saturday 11 June 2016

ALTA UI Menues

Helo every body How are you
I am sharing some adf knopwledge with you here are menues in alta 12.2.1
menues are simple and attractive in
the follwing steps are involved to create the menues in adf




1)first Of All create a Jsf page

2)Drag and drop panel stretch layout
3)In Top Facet Of panel stretch layout Drag and Drop menubar from component Pallet
4)Drag&Drop menues in menu bar
5)In menu Drop Command Menu Item
follwing Picture Will Show All the Data in jsf Page

6)Now create ADF skin and select The Faimly Alta   @charset "UTF-8";/**ADFFaces_Skin_File / DO NOT REMOVE**/@namespace af "http://xmlns.oracle.com/adf/faces/rich";@namespace dvt "http://xmlns.oracle.com/dss/adf/faces";af|menu::bar-item-open-icon-style {    background-image: url("/images/select-arrow.png");    height: 16px;    width: 16px;    padding-top: 2px;}
af|menu::bar-item-text {    color: #731800;    font-size: 16px;    font-family: openSans-Regular;    font-weight: bold; }
af|menu::bar-item-text:hover {    color: #eeaa00;    font-size: 14px;    font-family:verdana;}
af|menu::bar-item {    padding: 0px;    height: 25px;    font-size: 14px; }
af|menu::bar-item:highlighted {    background-image: none;    background: transparent;    border: none;    border-bottom: 2px solid #c00;    padding: 0px;}
af|menu::bar-item:depressed {    background-image: none;    background: transparent;    border: none;    border-bottom: 2px solid #c00;        padding: 0px;}
af|menu:highlighted af|menu::bar-item-open-icon-style {    background-image: url("/images/select-arrow.png");    padding-top: 2px;}
af|menu:depressed af|menu::bar-item-open-icon-style {    background-image: url("/images/select-arrow.png");    padding-top: 2px;}af|menuBar{    overflow: visible !important;    background: transparent;    height: 25px;}af|commandMenuItem::menu-item-text {    font-family: openSans-Regular;    font-size: 14px;    padding: 5px;    font-weight: 400;    color: #006394;    background-color: #f9f9fa;}af|menu::child-container{    background-color:#f9f9fa;    min-width: 100px;    border-top: none;}af|commandMenuItem::menu-item-text:hover {    background-color: #003152;     }af|commandMenuItem::menu-item-text:active {  background-color: #003152; !important;}af|commandMenuItem::menu-item-icon-style {    display: none;}
af|commandMenuItem::menu-item-open-indicator {    display: none;}
af|commandMenuItem::menu-item-accelerator {    display: none;
download Application Here Alta 12.2.1 Menues



Thanx
Mushtaq Wattu


                                                                     










Monday 6 June 2016

Advanced 3D Animated Graph To show Progress





Hello Every Body
I am a fronT end Designer in Oracle ADF
I am sharing with u my knowledge of
HTML CSS JavaScript and librarirs of java script
The application I am sharing with you is bassically used to Visulaize Data
This is easy way To demonstrate Large Data In Summerize form
I am sure you will Get Benifit From This Data Year Wise

Muhammad Mushtaq
ADF UI  Developer
Here Is The Application