Vinay | Techartifact

July 2, 2014July 2, 2014

Jdeveloper 11.1.1.7 bug with AdfKeyStroke.ENTER_KEY in IE and Mozilla

Hi All,

If you are facing an error of JS like and you are handling enter key using AdfKeyStroke.ENTER_KEY

Mozilla Firefox

NS_ERROR_ILLEGAL_VALUE:
…eoutWarningTimer=null;if(this._timeoutTimer)this.cancelTimer(this._timeoutTimer)…

Message: ‘undefined’ is null or not an object

Don’t be afraid, its not your fault. It is happening in jdeveloper 11.1.1.7 .
Cause- Might be when we use AdfKeyStroke.ENTER_KEY, it generates some internal JS event by framework, which can cause this issue.

In all other version , it is working fine.So if you upgrade your application to Jdeveloper 11.1.1.7
and you got this error, Raise an SR to Oracle.There is already bug raise by Oracle . Bug # 19137193

Till the next post, happy coding….

June 28, 2014June 28, 2014

Highlight of Jdeveloper 12.1.3 features- New version released

Yesterday , its an release of Fusion Middleware 12.1.3. The focus is mainly on SOA Suite 12c and WebLogic 12.1.3.For interesting point of Jdeveloper 12.1.3 .

Main Features –

Enhanced Maven Support
-> New ADF “oracle-adffaces-ejb” archetype introduced to enable creating a basic ADF application using ADF Faces and EJB from Maven.
-> JDeveloper now supports creating a project from an archetype which takes parameters

New DVT components

-> Chart solutions

-> New Gauges

->Thematic Map has a number of new features, including: Area layer styling and marker zoom behavior: Its same features which is like google analytics

-> Component for define movement

http://www.oracle.com/technetwork/developer-tools/jdev/flighttracker-2226895.gif

-> Show custom map

-> New Component: Diagram can be used to visualize different sets of data by displaying nodes and relationships between them.

->My Favorite features

-> af:deck component – New container component that shows one child component at a time and allows the transition between children to be animated (ie. fade, slide in).

-> It bring new page template for tablet

-> Supporting of media tag in ADF Skinning – Awesome feature of adding of css tag. ADF skinning framework now supports client side rules such as @charset, @document, @font-face, @import, @keyframes, @media, @page, @supports. These agents can be used to achieve responsive design and to allow use of more modern techniques for graphics such as icon fonts. Now we can create real responsvie web design in ADF with this feature

-> Support on working ADF application on Internet Explorer 11 .

ADF Controller
Recursive bounded task flows Support for calling bounded task flows recursively. In previous versions, the view layer did not detect that the view activity had occurred and did not re-render the region.

Read more about these features in details

http://docs.oracle.com/middleware/1213/adf/index.html
Read more about API in documentation

Happy learning with Vinay in techartifact….

June 25, 2014October 23, 2014

skinning of af:panelBox in Oracle ADF

Requirement – To change the background color of panelBox header in ADF.

Solution- Intial it looks very easy.But its not.You cant change the background color of panelbox because, As the panel box is build using images (because of the rounded border) you have to use a set of images to change the color.

try below code in your skin file and you can skin your panelBox. You have to set the background as none.

af|panelBox::header-center {
background-color:#1F3B88;
color: #1F3B88;
}

af|panelBox::header-text {
color:White;
}

 af|panelBox::header-start:core:default {
    background-image: none;
    display: none;
    background: #1F3B88 ;
     background-color: #1F3B88;
}

af|panelBox::header-center:core:default {
    background-image: none;
    background: #1F3B88 ;
    background-color: #1F3B88;
}

af|panelBox::header-end:core:default {
    background-image: none;
    display: none;
    background: #1F3B88 ;
    background-color: #1F3B88;
}

af|panelBox::footer-center:core:default {
    background-image: none;
    display: none;
}

af|panelBox::footer-start:core:default {
    background-image: none;
    display: none;
    background: #1F3B88;
    background-color: #1F3B88;
}

af|panelBox::footer-end:core:default {
    background-image: none;
    display: none;
    background: #1F3B88;
    background-color: #1F3B88;
}

af|panelBox::center:core:default {
    background-image: none;
    border-left: none;
    background: #1F3B88;
    background-color: #1F3B88;
}

You will be able to skin panelbox like below diagram

That’s it. Happy skining with Vinay in techartifact.