"beautiful" ADF sites

4,064 views
Skip to first unread message

Brian Huff

unread,
Aug 6, 2012, 8:36:57 PM8/6/12
to adf-met...@googlegroups.com

I have a client who is convinced that ADF can't be 'beautiful'. I know I can always embed jQuery into an ADF page to pretty it up a bit, or add fancy animations, but I'd like to come up with proof that it can be done. Unfortunately, most of my ADF work is pretty utilitarian.

Does anybody have a public example of a pretty ADF site that does not use jQuery? Just the skinning ability?

--

Brian 'Bex' Huff
Chief Software Architect
Bezzotech - THE Premier Oracle ECM Solution Provider
Email: b...@bezzotech.com
Mobile: +1.612.227.6057

Designing a Content Management or Enterprise 2.0 strategy? This may help:
 http://bezzotech.com/library.html

Amr Gawish

unread,
Aug 6, 2012, 8:39:36 PM8/6/12
to adf-met...@googlegroups.com
Try www.baesystems.com
--
You received this message because you are subscribed to the ADF Enterprise Methodology Group (http://groups.google.com/group/adf-methodology). To unsubscribe send email to adf-methodolo...@googlegroups.com
 
All content to the ADF EMG lies under the Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/). Any content sourced must be attributed back to the ADF EMG with a link to the Google Group (http://groups.google.com/group/adf-methodology).


--
Best Regards,
Amr Gawish
Senior Oracle Middleware Consultant
    

Mark Robinson

unread,
Aug 6, 2012, 8:49:26 PM8/6/12
to adf-met...@googlegroups.com
http://gis.cuyahogacounty.us/mycuyahoga/faces/MyCuyahoga.jspx

It's really how much time/money you want to dump into skinning.

Mark

Chris Muir

unread,
Aug 6, 2012, 8:55:36 PM8/6/12
to adf-met...@googlegroups.com
Arguably I think Bex's question is not for a list of ADF websites, but
rather ADF websites that "look good".

It's a somewhat hard question to answer because often beauty is in the
eye of the beholder? ... or in the eye of the poor developer who spent
months trying to get the thing to look nice.

For the record BAE uses jquery.

Point being jquery provides many of the graphical elements of modern web
solutions that aren't a part of ADF's repertoire.

I do agree that most ADF applications do look utilitarian through the
nature of the type of application the framework aims to hit: data entry
with tables, columns, fields, not pictures and graphics. The only
escape is maybe the DVT controls, but overall you're looking at lots of
textual data IMHO (Fusion Apps certainly tries to break this mold ...
obviously you have experience with this Bex).

The upcoming Skyros skin to my eye tightens up the look and feel of ADF
applications. Screen shots of Fusion Apps look good to me running
Skyros, but there's still that we're-laying-out-columns-of-data feel
which looks more spreadsheet/Oracle Forms like than a contemporary
website that has the liberty of showing graphics/pictures etc.

From experience customers do have an opportunity to provide more
visually pleasing applications, but most default to lots of columns n
fields, breaking out of the "enterprise look and feel" does appear to be
hard.

CM.


shay.shmeltzer

unread,
Aug 6, 2012, 8:58:04 PM8/6/12
to adf-met...@googlegroups.com

Chad Thompson

unread,
Aug 6, 2012, 9:45:03 PM8/6/12
to adf-met...@googlegroups.com

On Aug 6, 2012, at 7:55 PM, Chris Muir <chris...@gmail.com> wrote:

From experience customers do have an opportunity to provide more visually pleasing applications, but most default to lots of columns n fields, breaking out of the "enterprise look and feel" does appear to be hard.


Considering that Microsoft essentially prints money with each release of Microsoft Office (Word/Excel), there is a certain sweet spot between applications with striking visual design and applications designed to push a lot of data.

It seems that "ADF" itself struggles to be beautiful (I try to at least size up the fonts to be a little more readable where I can)  - but ADF does a great job with being the type of web framework that makes dealing with a lot of data rather simple and easy for users.

In the web design case of designing a page to 'sell a message' to visitors and/or the public, I agree that ADF Faces as designed to be 'data-centric' might not be the right choice to emphasize content elements and interactive features as part of public web presence.

One thing I've not experimented with as of yet - and am curious to know if anyone else has experience doing this - is to use JSF libraries that are designed with more interactivity and public web presence in mind.  For example, has anyone integrated user components from a library like PrimeFaces (http://primefaces.org) into an ADF application?

PrimeFaces in particular includes the more JQuery-ish (if not implemented from JQuery into PrimeFaces) components like image light boxes, breadcrumbs, mega-menus, CAPTCHA,  etc.  As a JSF library, I wouldn't see why including another JSF UI library wouldn't work - but then again, i haven't tried combining the two approaches.

Has anyone tried including other JSF libraries into ADF applications?

- Chad

-- 
Chad Thompson 
chad_t...@mac.com

Amr Gawish

unread,
Aug 6, 2012, 10:10:43 PM8/6/12
to adf-met...@googlegroups.com
I believe the case of having beautiful web application lies not only on the user interface in front of user, but also the markup behind this User Interface, the HTML DOM Structure, the well formed CSS and the right amount of JS.

And since ADF HTML markup is a little bit messy, true beauty of ADF application cannot be reached!
Maybe in the next release when JSF uses renderer for HTML5 or at least to stop using tables everywhere in the page.

Best Regards,
Amr Gawish

--

Aziz Acar

unread,
Aug 6, 2012, 10:20:32 PM8/6/12
to adf-met...@googlegroups.com
Hi Brian,

Your client is wrongo! With a bit of ADF skinning ADF sites can look quite magnificent.
On a recent project that I worked on we had a UI designer team from a company called NAVY design the whole thing regardless of what technology was being used. We then made the application comply to the design specs using ADF skinning/CSS. So with enough skinning expertise you can pretty much make it look like anything. ADF Skin Editor is a valuable tool for effective ADF skinnning.

Although you won't be able to login (registration is by private invitation only) you can still click the "Sign up to healthbook button" to see the registration page.

Kind Regards,
Aziz Acar
Senior Software Architect/Engineer
mbl: 0413 649 309


--
You received this message because you are subscribed to the ADF Enterprise Methodology Group (http://groups.google.com/group/adf-methodology). To unsubscribe send email to adf-methodolo...@googlegroups.com
 
All content to the ADF EMG lies under the Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/). Any content sourced must be attributed back to the ADF EMG with a link to the Google Group (http://groups.google.com/group/adf-methodology).



--
Kind Regards,
Aziz Acar

Senior Software Architect/Engineer
mbl: 0413 649 309


Andre Araujo

unread,
Aug 6, 2012, 8:57:42 PM8/6/12
to adf-met...@googlegroups.com
Baesystems uses JQuery.

Andre

Sent from my iPhone

Chris Muir

unread,
Aug 6, 2012, 10:48:12 PM8/6/12
to adf-met...@googlegroups.com
AziZ, are there any screenshots you can show/release of the application
internally please?

CM.

On 7/08/12 10:20 AM, Aziz Acar wrote:
> Hi Brian,
>
> Your client is wrongo! With a bit of ADF skinning ADF sites can look
> quite magnificent.
> On a recent project that I worked on we had a UI designer team from a
> company called NAVY design the whole thing regardless of what technology
> was being used. We then made the application comply to the design specs
> using ADF skinning/CSS. So with enough skinning expertise you can pretty
> much make it look like anything. ADF Skin Editor is a valuable tool for
> effective ADF skinnning.
>
> See http://www.medibankhealthbook.com.au
> Although you won't be able to login (registration is by private
> invitation only) you can still click the "Sign up to healthbook button"
> to see the registration page.
>
> /*Kind Regards,*/
> /*Aziz Acar
> Senior Software Architect/Engineer
> mbl: 0413 649 309*/
>
>
> On Tue, Aug 7, 2012 at 11:45 AM, Chad Thompson <chad_t...@mac.com
> <mailto:chad_t...@mac.com>> wrote:
>
>
> On Aug 6, 2012, at 7:55 PM, Chris Muir <chris...@gmail.com
> *Chad Thompson*
> chad_t...@mac.com <mailto:chad_t...@mac.com>
> http://chadthompson.me
>
> --
> You received this message because you are subscribed to the ADF
> Enterprise Methodology Group
> (http://groups.google.com/group/adf-methodology). To unsubscribe
> send email to adf-methodolo...@googlegroups.com
> <mailto:adf-methodology%2Bunsu...@googlegroups.com>
>
> All content to the ADF EMG lies under the Creative Commons
> Attribution 3.0 Unported License
> (http://creativecommons.org/licenses/by/3.0/). Any content sourced
> must be attributed back to the ADF EMG with a link to the Google
> Group (http://groups.google.com/group/adf-methodology).
>
>
>
>
> --
> /*Kind Regards,
> Aziz Acar
> Senior Software Architect/Engineer
> mbl: 0413 649 309*/

Aziz Acar

unread,
Aug 7, 2012, 12:14:15 AM8/7/12
to adf-met...@googlegroups.com
Hi Chris,

I can do but will first have to run it by client to make sure they're ok with it. 
Will get back to you via this thread either way.

AA

    <mailto:adf-methodology%2Bunsu...@googlegroups.com>


    All content to the ADF EMG lies under the Creative Commons
    Attribution 3.0 Unported License
    (http://creativecommons.org/licenses/by/3.0/). Any content sourced
    must be attributed back to the ADF EMG with a link to the Google
    Group (http://groups.google.com/group/adf-methodology).




--
/*Kind Regards,

Aziz Acar
Senior Software Architect/Engineer
mbl: 0413 649 309*/


--
You received this message because you are subscribed to the ADF
Enterprise Methodology Group
(http://groups.google.com/group/adf-methodology). To unsubscribe send


All content to the ADF EMG lies under the Creative Commons Attribution
3.0 Unported License (http://creativecommons.org/licenses/by/3.0/). Any
content sourced must be attributed back to the ADF EMG with a link to
the Google Group (http://groups.google.com/group/adf-methodology).

--
You received this message because you are subscribed to the ADF Enterprise Methodology Group (http://groups.google.com/group/adf-methodology). To unsubscribe send email to adf-methodology+unsubscribe@googlegroups.com


All content to the ADF EMG lies under the Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/).  Any content sourced must be attributed back to the ADF EMG with a link to the Google Group (http://groups.google.com/group/adf-methodology).



--

John Flack

unread,
Aug 7, 2012, 9:13:07 AM8/7/12
to adf-met...@googlegroups.com
Our client's ADF 10g site, http://findtreatment.samhsa.gov/MHTreatmentLocator/ uses Apache MyFaces Tomahawk in a few pages (the selection by State, and the Select Services page).  But I have to admit that it was tough to get this to work in 10g because ADF Faces 10g doesn't play well with others.  We're experimenting with other JSF libraries using Facelets in 11gR2, and it is working a lot better.  Still a bit quirky- hard to use the page designer - you have to tell it not to bother trying to render the foreign components, and it sometimes marks errors that aren't errors.  But it does work, and it looks good.

On Monday, August 6, 2012 9:45:03 PM UTC-4, Chad Thompson wrote:

...

Ultan Ó Broin (Oracle Applications User Experience [Usability])

unread,
Aug 7, 2012, 9:52:52 AM8/7/12
to adf-met...@googlegroups.com
ferrovial.com

cod comment <!--Created by Oracle ADF (ADF Faces API - 11.1.1.5.0 / ADF Faces Implementation - 11.1.1.5.0, RCF-revision: 40914 (branch: faces-1101-11.1.1.5.0, plugins: 1.2.3), Trinidad-revision: 1089280 (branch: 1.2.12.5.0-branch, plugins: 1.2.10), build: adf-faces-rt_110405_1621, libNum: 1095 / Oracle-BuildSystem: Linux - java - 1.6.0_24-b50, Oracle-Version: 11.1.1.5.37.60.13, Created-By: 19.1-b02 (Sun Microsystems Inc.), Oracle-Builder: Official Builder, Oracle-Label: JDEVADF_11.1.1.5.0_GENERIC_110409.0025.6013, Oracle-BuildTimestamp: 2011-04-09 03:39:10 -0700 / powered by JavaServer Faces API 1.2 Sun Sep 26 03:21:43 EDT 2010  (1.2)), accessibility (mode:null, contrast:standard, size:medium), skin:portal.desktop (portal)-->

rutwik ::

unread,
Aug 7, 2012, 10:40:30 PM8/7/12
to adf-met...@googlegroups.com
One of my ex-clients website built using ADF 10g skinning to extreme with just little bit of jQuery thrown-in for some special effects here and there and a home grown CAPTCHA: 

--
You received this message because you are subscribed to the ADF Enterprise Methodology Group (http://groups.google.com/group/adf-methodology). To unsubscribe send email to adf-methodolo...@googlegroups.com
 
All content to the ADF EMG lies under the Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/). Any content sourced must be attributed back to the ADF EMG with a link to the Google Group (http://groups.google.com/group/adf-methodology).



--
thanks
- rutwik :)
Smile: A curve that can set a lot of things straight

Aziz Acar

unread,
Aug 8, 2012, 9:43:29 AM8/8/12
to adf-met...@googlegroups.com
Hi Saif,

In essence ADF skinning boils down to CSS. The real trick is trying and figure the psuedo elements of rich components, and to get on top of that you really need to use Oacle ADF Skin Editor (free download compliments of Oracle about 450 MB).
Go through a few of the Oracle tutorials/examples regarding skinning, this will show you how to over-ride the default ADF skin with your custom skin.
And then once you're comfortable with that you should look at creating your own CSS file within that skin.
And then use ADF Skin editor to figure out how to change look'n'feel of rich components.

ORACLE SKIN EDITOR is your friend when it comes to skinning b/c it allows you to discover pseudo elements of an adf rich component that you would otherwise have great difficulty in figuring out.

Cheers, AA


On Wed, Aug 8, 2012 at 7:46 PM, Saif Kamaal <saifk...@gmail.com> wrote:
All,

I tried for a fancy look and feel so went to integrate primefaces but couldn't for a nos of reasons. Anyways going back on the topic skinning knowledge is very much required for public facing portals.

May be we need a book on skinning, What say ?

thnks
Kamaal



--

Dinil Mithra V S

unread,
Aug 8, 2012, 12:05:20 PM8/8/12
to adf-met...@googlegroups.com

Thanks and Regards,

    «·´`·.(*·.¸(`·.¸ ¸.·´)¸.·*).·´`·»
«............ D I N I L™ ............»
    «·´`·.(¸.·*(¸.·´ `·.¸)*·.¸).·´`·»


Shay Shmeltzer

unread,
Aug 8, 2012, 12:57:49 PM8/8/12
to adf-met...@googlegroups.com


On 8/8/2012 9:05 AM, Dinil Mithra V S wrote:

Oracle ADF Faces Skin Editor Link
On Wed, Aug 8, 2012 at 7:13 PM, Aziz Acar <azizac...@gmail.com> wrote:
Hi Saif,

In essence ADF skinning boils down to CSS. The real trick is trying and figure the psuedo elements of rich components, and to get on top of that you really need to use Oacle ADF Skin Editor (free download compliments of Oracle about 450 MB).
Go through a few of the Oracle tutorials/examples regarding skinning, this will show you how to over-ride the default ADF skin with your custom skin.
And then once you're comfortable with that you should look at creating your own CSS file within that skin.
And then use ADF Skin editor to figure out how to change look'n'feel of rich components.

ORACLE SKIN EDITOR is your friend when it comes to skinning b/c it allows you to discover pseudo elements of an adf rich component that you would otherwise have great difficulty in figuring out.

Cheers, AA

On Wed, Aug 8, 2012 at 7:46 PM, Saif Kamaal <saifk...@gmail.com> wrote:
All,

I tried for a fancy look and feel so went to integrate primefaces but couldn't for a nos of reasons. Anyways going back on the topic skinning knowledge is very much required for public facing portals.

May be we need a book on skinning, What say ?

thnks
Kamaal


On Wednesday, August 8, 2012 6:40:30 AM UTC+4, Rutwik Chandorkar wrote:
One of my ex-clients website built using ADF 10g skinning to extreme with just little bit of jQuery thrown-in for some special effects here and there and a home grown CAPTCHA:�
On 7 August 2012 18:43, John Flack <Jo...@smdi.com> wrote:
Our client's ADF 10g site, http://findtreatment.samhsa.gov/MHTreatmentLocator/ uses Apache MyFaces Tomahawk in a few pages (the selection by State, and the Select Services page).� But I have to admit that it was tough to get this to work in 10g because ADF Faces 10g doesn't play well with others.� We're experimenting with other JSF libraries using Facelets in 11gR2, and it is working a lot better.� Still a bit quirky- hard to use the page designer - you have to tell it not to bother trying to render the foreign components, and it sometimes marks errors that aren't errors.� But it does work, and it looks good.


On Monday, August 6, 2012 9:45:03 PM UTC-4, Chad Thompson wrote:

...

Has anyone tried including other JSF libraries into ADF applications?

- Chad


--�
Chad Thompson�
--
You received this message because you are subscribed to the ADF Enterprise Methodology Group (http://groups.google.com/group/adf-methodology). To unsubscribe send email to adf-methodolo...@googlegroups.com

�

All content to the ADF EMG lies under the Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/). Any content sourced must be attributed back to the ADF EMG with a link to the Google Group (http://groups.google.com/group/adf-methodology).



--
thanks
- rutwik :)
Smile: A curve that can set a lot of things straight

--
You received this message because you are subscribed to the ADF Enterprise Methodology Group (http://groups.google.com/group/adf-methodology). To unsubscribe send email to adf-methodolo...@googlegroups.com
�

All content to the ADF EMG lies under the Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/). Any content sourced must be attributed back to the ADF EMG with a link to the Google Group (http://groups.google.com/group/adf-methodology).



--
Kind Regards,
Aziz Acar

Senior Software Architect/Engineer
mbl: 0413 649 309


--
You received this message because you are subscribed to the ADF Enterprise Methodology Group (http://groups.google.com/group/adf-methodology). To unsubscribe send email to adf-methodolo...@googlegroups.com
�

All content to the ADF EMG lies under the Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/). Any content sourced must be attributed back to the ADF EMG with a link to the Google Group (http://groups.google.com/group/adf-methodology).



--

Thanks and Regards,

� � ���`�.(*�.�(`�.� �.��)�.�*).��`��
�............ D I N I L� ............�
� � ���`�.(�.�*(�.�� `�.�)*�.�).��`��


--
You received this message because you are subscribed to the ADF Enterprise Methodology Group (http://groups.google.com/group/adf-methodology). To unsubscribe send email to adf-methodolo...@googlegroups.com
�

Srinivas A

unread,
Aug 8, 2012, 4:32:40 PM8/8/12
to adf-met...@googlegroups.com
Another one http://www.bengaluruairport.com/ developed on WebCenter 10g, and ADF10g with plenty of 3rd party Web Service integrations, yet with a crisp skinning.

The skinning, look & feel prototype was developed by another vendor, and it stood as benchmark for dev team to build the same in ADF/WebCenter 10g techtsack.

Thanks
Srini


On Wed, Aug 8, 2012 at 9:57 AM, Shay Shmeltzer <shay.sh...@oracle.com> wrote:


On 8/8/2012 9:05 AM, Dinil Mithra V S wrote:

Oracle ADF Faces Skin Editor Link
On Wed, Aug 8, 2012 at 7:13 PM, Aziz Acar <azizac...@gmail.com> wrote:
Hi Saif,

In essence ADF skinning boils down to CSS. The real trick is trying and figure the psuedo elements of rich components, and to get on top of that you really need to use Oacle ADF Skin Editor (free download compliments of Oracle about 450 MB).
Go through a few of the Oracle tutorials/examples regarding skinning, this will show you how to over-ride the default ADF skin with your custom skin.
And then once you're comfortable with that you should look at creating your own CSS file within that skin.
And then use ADF Skin editor to figure out how to change look'n'feel of rich components.

ORACLE SKIN EDITOR is your friend when it comes to skinning b/c it allows you to discover pseudo elements of an adf rich component that you would otherwise have great difficulty in figuring out.

Cheers, AA

On Wed, Aug 8, 2012 at 7:46 PM, Saif Kamaal <saifk...@gmail.com> wrote:
All,

I tried for a fancy look and feel so went to integrate primefaces but couldn't for a nos of reasons. Anyways going back on the topic skinning knowledge is very much required for public facing portals.

May be we need a book on skinning, What say ?

thnks
Kamaal


On Wednesday, August 8, 2012 6:40:30 AM UTC+4, Rutwik Chandorkar wrote:
One of my ex-clients website built using ADF 10g skinning to extreme with just little bit of jQuery thrown-in for some special effects here and there and a home grown CAPTCHA: 
On 7 August 2012 18:43, John Flack <Jo...@smdi.com> wrote:
Our client's ADF 10g site, http://findtreatment.samhsa.gov/MHTreatmentLocator/ uses Apache MyFaces Tomahawk in a few pages (the selection by State, and the Select Services page).  But I have to admit that it was tough to get this to work in 10g because ADF Faces 10g doesn't play well with others.  We're experimenting with other JSF libraries using Facelets in 11gR2, and it is working a lot better.  Still a bit quirky- hard to use the page designer - you have to tell it not to bother trying to render the foreign components, and it sometimes marks errors that aren't errors.  But it does work, and it looks good.


On Monday, August 6, 2012 9:45:03 PM UTC-4, Chad Thompson wrote:

...

Has anyone tried including other JSF libraries into ADF applications?

- Chad


-- 
Chad Thompson 
--
You received this message because you are subscribed to the ADF Enterprise Methodology Group (http://groups.google.com/group/adf-methodology). To unsubscribe send email to adf-methodolo...@googlegroups.com

All content to the ADF EMG lies under the Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/). Any content sourced must be attributed back to the ADF EMG with a link to the Google Group (http://groups.google.com/group/adf-methodology).



--
thanks
- rutwik :)
Smile: A curve that can set a lot of things straight

--
You received this message because you are subscribed to the ADF Enterprise Methodology Group (http://groups.google.com/group/adf-methodology). To unsubscribe send email to adf-methodolo...@googlegroups.com
 
All content to the ADF EMG lies under the Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/). Any content sourced must be attributed back to the ADF EMG with a link to the Google Group (http://groups.google.com/group/adf-methodology).



--
Kind Regards,
Aziz Acar

Senior Software Architect/Engineer
mbl: 0413 649 309


--
You received this message because you are subscribed to the ADF Enterprise Methodology Group (http://groups.google.com/group/adf-methodology). To unsubscribe send email to adf-methodolo...@googlegroups.com
 
All content to the ADF EMG lies under the Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/). Any content sourced must be attributed back to the ADF EMG with a link to the Google Group (http://groups.google.com/group/adf-methodology).



--

Thanks and Regards,

    «·´`·.(*·.¸(`·.¸ ¸.·´)¸.·*).·´`·»
«............ D I N I L™ ............»
    «·´`·.(¸.·*(¸.·´ `·.¸)*·.¸).·´`·»

--
You received this message because you are subscribed to the ADF Enterprise Methodology Group (http://groups.google.com/group/adf-methodology). To unsubscribe send email to adf-methodolo...@googlegroups.com
 
All content to the ADF EMG lies under the Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/). Any content sourced must be attributed back to the ADF EMG with a link to the Google Group (http://groups.google.com/group/adf-methodology).

--
You received this message because you are subscribed to the ADF Enterprise Methodology Group (http://groups.google.com/group/adf-methodology). To unsubscribe send email to adf-methodolo...@googlegroups.com
 

Aziz Acar

unread,
Aug 8, 2012, 5:48:50 PM8/8/12
to adf-met...@googlegroups.com
Also worth noting that skin editor although available in versions 11.1.2.0,  11.1.2.1 and 11.1.2.2 it does support targeting ADF application releases 11.1.1.4 and 11.1.1.5.
You'll be prompted with the target app release version when creating a new skin project.

AA

On Thu, Aug 9, 2012 at 2:57 AM, Shay Shmeltzer <shay.sh...@oracle.com> wrote:


On 8/8/2012 9:05 AM, Dinil Mithra V S wrote:

Oracle ADF Faces Skin Editor Link
On Wed, Aug 8, 2012 at 7:13 PM, Aziz Acar <azizac...@gmail.com> wrote:
Hi Saif,

In essence ADF skinning boils down to CSS. The real trick is trying and figure the psuedo elements of rich components, and to get on top of that you really need to use Oacle ADF Skin Editor (free download compliments of Oracle about 450 MB).
Go through a few of the Oracle tutorials/examples regarding skinning, this will show you how to over-ride the default ADF skin with your custom skin.
And then once you're comfortable with that you should look at creating your own CSS file within that skin.
And then use ADF Skin editor to figure out how to change look'n'feel of rich components.

ORACLE SKIN EDITOR is your friend when it comes to skinning b/c it allows you to discover pseudo elements of an adf rich component that you would otherwise have great difficulty in figuring out.

Cheers, AA

On Wed, Aug 8, 2012 at 7:46 PM, Saif Kamaal <saifk...@gmail.com> wrote:
All,

I tried for a fancy look and feel so went to integrate primefaces but couldn't for a nos of reasons. Anyways going back on the topic skinning knowledge is very much required for public facing portals.

May be we need a book on skinning, What say ?

thnks
Kamaal


On Wednesday, August 8, 2012 6:40:30 AM UTC+4, Rutwik Chandorkar wrote:
One of my ex-clients website built using ADF 10g skinning to extreme with just little bit of jQuery thrown-in for some special effects here and there and a home grown CAPTCHA: 
On 7 August 2012 18:43, John Flack <Jo...@smdi.com> wrote:
Our client's ADF 10g site, http://findtreatment.samhsa.gov/MHTreatmentLocator/ uses Apache MyFaces Tomahawk in a few pages (the selection by State, and the Select Services page).  But I have to admit that it was tough to get this to work in 10g because ADF Faces 10g doesn't play well with others.  We're experimenting with other JSF libraries using Facelets in 11gR2, and it is working a lot better.  Still a bit quirky- hard to use the page designer - you have to tell it not to bother trying to render the foreign components, and it sometimes marks errors that aren't errors.  But it does work, and it looks good.


On Monday, August 6, 2012 9:45:03 PM UTC-4, Chad Thompson wrote:

...

Has anyone tried including other JSF libraries into ADF applications?

- Chad


-- 
Chad Thompson 
--
You received this message because you are subscribed to the ADF Enterprise Methodology Group (http://groups.google.com/group/adf-methodology). To unsubscribe send email to adf-methodolo...@googlegroups.com

All content to the ADF EMG lies under the Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/). Any content sourced must be attributed back to the ADF EMG with a link to the Google Group (http://groups.google.com/group/adf-methodology).



--
thanks
- rutwik :)
Smile: A curve that can set a lot of things straight

--
You received this message because you are subscribed to the ADF Enterprise Methodology Group (http://groups.google.com/group/adf-methodology). To unsubscribe send email to adf-methodolo...@googlegroups.com
 
All content to the ADF EMG lies under the Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/). Any content sourced must be attributed back to the ADF EMG with a link to the Google Group (http://groups.google.com/group/adf-methodology).



--
Kind Regards,
Aziz Acar

Senior Software Architect/Engineer
mbl: 0413 649 309


--
You received this message because you are subscribed to the ADF Enterprise Methodology Group (http://groups.google.com/group/adf-methodology). To unsubscribe send email to adf-methodolo...@googlegroups.com
 
All content to the ADF EMG lies under the Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/). Any content sourced must be attributed back to the ADF EMG with a link to the Google Group (http://groups.google.com/group/adf-methodology).



--

Thanks and Regards,

    «·´`·.(*·.¸(`·.¸ ¸.·´)¸.·*).·´`·»
«............ D I N I L™ ............»
    «·´`·.(¸.·*(¸.·´ `·.¸)*·.¸).·´`·»

--
You received this message because you are subscribed to the ADF Enterprise Methodology Group (http://groups.google.com/group/adf-methodology). To unsubscribe send email to adf-methodolo...@googlegroups.com
 
All content to the ADF EMG lies under the Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/). Any content sourced must be attributed back to the ADF EMG with a link to the Google Group (http://groups.google.com/group/adf-methodology).

--
You received this message because you are subscribed to the ADF Enterprise Methodology Group (http://groups.google.com/group/adf-methodology). To unsubscribe send email to adf-methodolo...@googlegroups.com
 
All content to the ADF EMG lies under the Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/). Any content sourced must be attributed back to the ADF EMG with a link to the Google Group (http://groups.google.com/group/adf-methodology).

Nelson

unread,
Aug 10, 2012, 9:29:23 AM8/10/12
to adf-met...@googlegroups.com
Another one: http://www.ccee.org.br/

The site was developed using ADF and Webcenter 11.1.1.5.

[]'s

Nelson Maia
___________________________
Oracle Webcenter Consultant
(5541) 9915 0897| Skype: nellson.maia
http://about.me/nellson.maia 

2012/8/10 Hyangelo <hyan...@gmail.com>
Checking the source, this website is using jquery to spruce things up a bit.

e.g.:

jQuery(window).load(function () {
baeLib.common.load();
baeLib.homepage.carousel();
baeLib.homepage.insideEditionInit();
baeLib.homepage.updateContent(0);
});

On Monday, August 6, 2012 8:39:36 PM UTC-4, agawish wrote:
Try www.baesystems.com

On Tuesday, August 7, 2012, Brian Huff wrote:

I have a client who is convinced that ADF can't be 'beautiful'. I know I can always embed jQuery into an ADF page to pretty it up a bit, or add fancy animations, but I'd like to come up with proof that it can be done. Unfortunately, most of my ADF work is pretty utilitarian.

Does anybody have a public example of a pretty ADF site that does not use jQuery? Just the skinning ability?

--

Brian 'Bex' Huff
Chief Software Architect
Bezzotech - THE Premier Oracle ECM Solution Provider
Email: b...@bezzotech.com
Mobile: +1.612.227.6057

Designing a Content Management or Enterprise 2.0 strategy? This may help:
 http://bezzotech.com/library.html

--
You received this message because you are subscribed to the ADF Enterprise Methodology Group (http://groups.google.com/group/adf-methodology). To unsubscribe send email to adf-methodology+unsubscribe@googlegroups.com

 
All content to the ADF EMG lies under the Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/). Any content sourced must be attributed back to the ADF EMG with a link to the Google Group (http://groups.google.com/group/adf-methodology).


--
Best Regards,
Amr Gawish
Senior Oracle Middleware Consultant
    

--
You received this message because you are subscribed to the ADF Enterprise Methodology Group (http://groups.google.com/group/adf-methodology). To unsubscribe send email to adf-methodolo...@googlegroups.com
 
All content to the ADF EMG lies under the Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/). Any content sourced must be attributed back to the ADF EMG with a link to the Google Group (http://groups.google.com/group/adf-methodology).



--

John Flack

unread,
Aug 10, 2012, 12:09:08 PM8/10/12
to adf-met...@googlegroups.com
What about af:carousel?  Does jQuery do a better looking carousel?  I'm not sure what a "lightbox" is.
I'm thinking that adding a JSF component library that does what you want, even one that uses jQuery under the surface, is a safer option than extensive direct use of JavaScript.

On Friday, August 10, 2012 9:58:25 AM UTC-4, Hyangelo wrote:
Pretty much all of the sites linked so far are using jQuery one way or another. Common uses are lightboxes and carousels. But hey, no one ever said that you can only use one tool to build a house, right?

Brian Huff

unread,
Aug 10, 2012, 1:11:18 PM8/10/12
to adf-met...@googlegroups.com

A lightbox is a modal dialog box that dims the browser, and pops the content up in the center of a screen with a floating DIV tag.

It's not so much that jQuery is better looking, it's that it's easier to customize... since it's all in the JavaScript layer, you only need to understand the browser to make things work. Whereas with ADF you need to understand Java, JSP, XML, MVC, and a whole bunch of other things to make a re-usable component.

Yes, you can get into trouble with jQuery if you don't know what you're doing, but that's true of any technology.

I'm getting the feeling that ADF UI Components are best for intranet sites when you need a framework to quickly integrate with Oracle back-end systems... but jQuery (for better or worse) is that standard on web pages (more common than Flash)... so marketing folks will demand either jQuery or something that can do exactly what jQuery does for dot-com public sites. Which means ADF task flows with a jQuery front-end.


--
You received this message because you are subscribed to the ADF Enterprise Methodology Group (http://groups.google.com/group/adf-methodology). To unsubscribe send email to adf-methodolo...@googlegroups.com
 
All content to the ADF EMG lies under the Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/). Any content sourced must be attributed back to the ADF EMG with a link to the Google Group (http://groups.google.com/group/adf-methodology).



--

Shay Shmeltzer

unread,
Aug 10, 2012, 1:21:25 PM8/10/12
to adf-met...@googlegroups.com
So the lightbox is basically the equivalent of the ADF Faces dialog?
http://jdevadf.oracle.com/adf-richclient-demo/faces/components/secondaryWindows/dialogCustomAndStandardButtons.jspx
Not sure I see the complexity in the ADF solution for that.

Shay

Brian Huff

unread,
Aug 10, 2012, 1:26:49 PM8/10/12
to adf-met...@googlegroups.com

Yes, but with a slightly different look and feel:

http://leandrovieira.com/projects/jquery/lightbox/

Chad Thompson

unread,
Aug 10, 2012, 1:35:34 PM8/10/12
to adf-met...@googlegroups.com

On Aug 10, 2012, at 12:21 PM, Shay Shmeltzer <shay.sh...@oracle.com> wrote:

So the lightbox is basically the equivalent of the ADF Faces dialog?
http://jdevadf.oracle.com/adf-richclient-demo/faces/components/secondaryWindows/dialogCustomAndStandardButtons.jspx
Not sure I see the complexity in the ADF solution for that.

The closest thing that I've seen in terms of ADF components to lightbox is some of the features of the WebCenter Content Presenter.  (Carousels, etc.)

PrimeFaces has a few components that integrate the jQuery functionality into a JSF component, like their lightbox component:


- Chad

-- 
Chad Thompson 
chad_t...@mac.com

Chris Muir

unread,
Aug 11, 2012, 9:43:53 AM8/11/12
to adf-met...@googlegroups.com
I think we've got to be careful with our definitions, that we don't pidgeon hole the framework to 1 definition of sites (such as intranet). Intranet data driven & entry applications are ADF's forte for sure, but there's always a blurred line. I'm aware of a large bank who is about to provide their public but secured net bank all in ADF & WebCenter Portal. Bank statements, transferring funds, mortgage graphs, server side security, perfect cannon fodder for ADF components & technology. (For the record their external none secured public website does use jquery)

Arguably you could turn the books on jquery too, and say it's just does the eye candy stuff, but the guts of the application, well in many of the cases people have put forward in this thread, that's ADF under the covers doing the real grunt work. A light box here or fading menu there doesn't make an application. I'm obviously taking this to the other extreme but I think you will understand why (besides Uncle Larry pays my cheques)

Personally I have no issue with both technologies being used together. You pick the right tool*s* to do the job.  One size doesn't fit all (TM).

CM.

kee thang

unread,
Aug 15, 2012, 10:27:59 PM8/15/12
to adf-met...@googlegroups.com
If we combined to used JQuery and HTML inside ADF/Webcenter application. Is there a common rules for avoiding upcoming errors.

1. Can we used HTML tags inside ADF Faces components.

e.g  <af:outputText value="Email:&nbsp;&lt;a href='mailto:#{pageFlowScope.userBean.dep.businessName}'>#                  {pageFlowScope.memberBean.deptHOD.businessEmail}&lt;/a>"
                           inlineStyle="#{(empty pageFlowScope.emailStyle) ? '' : pageFlowScope.emailStyle}"
                           styleClass="#{(empty pageFlowScope.emailClass) ? '' : pageFlowScope.emailClass}" escape="false"/>

2. ADF Faces/JSF life cycle is different with HTML/Jquery/JavaScript life cycle.How can we define the rules for using the right one at the right place.

3. If we used HTML and JQuery  with ADF/Webcenter application which will be the golden rules for working each components  without error.

*** our current webcenter Intranet application have a lot of error when we deploy to production server which used a lot mixing HTML/JQuery with ADF faces.The project have been developed 8 months before I join there.***

Best Regards
KT





On Mon, Aug 13, 2012 at 10:01 PM, Hyangelo <hyan...@gmail.com> wrote:
Well you can't really turn the table on jQuery as it is being used as the javascript foundation library for ADF Faces' competitors(PrimeFaces and JBoss' Rich Faces). It is so ubiquitous that even ADF users end up including the library in their applications. Why? Well sometimes a full-blown JSF component is overkill. Sometimes you have styling requirements that cannot be easily applied to ADF's markup(e.g. you need HTML alterations). 

Don't get me wrong. I think ADF's component set is impressive. But it certainly doesn't cover 100% of the use cases. No one is expecting it to. If we were to limit ourselves only to what is in the ADF component set all the time then we are essentially forgoing a lot of the power of browser-based presentation. Take for instance the ADF carousel. It is a powerful component in that it not only supports image carousels but just about carousels of anything. In other words, the ADF carousel is striving to be a jack of all trades. This is understandable from a framework developer's perspective. You want your component to cover the largest amount of use cases. However, this comes at some tradeoffs. For example, ADF's carousel isn't as great an image carousel as other options that one can freely find. Some examples to look at:


How are these superior image carousels compared to ADF's offering? Well let's see. If we define the requirement to be for an image carousel then functionally, all these carousels, at minimum,  provide the same level of functionality as ADF's carousels. How about aesthetics and customizability? These are by far more 'pretty' and effective as an eye candy than ADF's carousel. The animations choices are varied whereas ADF's has none. The animation even seems smoother. I could go on but I think you get the point.

In our case, we ended up creating 3 or 4 custom ADF components( http://download.oracle.com/docs/cd/E17904_01/web.1111/b31973/ad_custom.htm#CHDJIEDB ). Note that these are full-fledged ADF components not declarative or JSF components. We decided to go this route because what we wanted was to add to the component set and not just a one-off solution. If you must know, these components were input dates(we needed multi-month display date pickers), a 'news ticker' component that cycled through a list of messages, an accordion layout container that supported PPR disclosure. The hardest part was the first component since the documentation isn't exactly crystal clear. All of these components were using jquery(using the js-features approach of adf components).

So yeah, I don't think limiting ourselves to just the things inside ADF's toolbox is a good idea. I even wish that Oracle would embrace the Open-Close* principle for ADF Faces.


*Closed for modification, open for extension.

Leon Chen

unread,
Sep 13, 2012, 1:27:51 PM9/13/12
to adf-met...@googlegroups.com
Hi Gurus, 

We are creating a WebCenter Portal site.
The customer hired another company to design the UI style which used jQuery and jqtransform.

The UI sample is cool, but after putting to the WebCenter Portal, it is a disaster ....

For example, it is just a simple test, as you can see, the rendered results are very different.
(I also attached the adf code, testPage.jspx , and pure html code, test.html)
Inline image 1


In this thread, I saw many beautiful sites which combined jQuery and ADF. 
Could you share any experience or tips to integrate ADF and jQuery, especially jqtransform? 

Thanks,
Leon
image.png
test.html
testPage.jspx

Mark Robinson

unread,
Sep 13, 2012, 9:57:35 PM9/13/12
to adf-met...@googlegroups.com
In my experience ADF doesn't play well with others.  A better way I've found is to generate a UI using Balsamiq and then implement that using pure ADF.  I would strongly recommend against letting a UI design run wild with Photoshop.  You will end up with a design that looks great on a power point slide but is at best terrible and at worst unimplementable.

Mark

--
image.png

Nelson

unread,
Sep 13, 2012, 10:39:32 PM9/13/12
to adf-met...@googlegroups.com
Hi Leon,

I used a lot Jquery and jqtransform in http://www.ccee.org.br/

I have a bad experience using jqtransform, there's a lot of javascript that re-write the HTML code, sometime we need understand exaclty what jqtransform was doing and try reproduce in our HTML code.

If it's possible, I'll recommend to you avoid this.

If you have any doubts you can contact my from my e-mail or skype.

[]'s

-- 

Nelson Maia
___________________________
Oracle Webcenter Consultant
(5541) 9915 0897| Skype: nellson.maia
http://about.me/nellson.maia



2012/9/13 Leon Chen <leon....@gmail.com>

--
image.png

Leon Chen

unread,
Sep 14, 2012, 12:02:48 AM9/14/12
to adf-met...@googlegroups.com
Hi Mark and Nelson, 

Really appreciate of you valuable advice.

Best Regards,
Leon
image.png

Grant Ronald

unread,
Sep 14, 2012, 4:22:42 AM9/14/12
to adf-met...@googlegroups.com
+1
We've also released some ADF Faces visio templates so your designers can be working with a knowledge of the component set.
regards
Grant
-- 
Grant Ronald
Director of Product Management, Oracle Application Development Tools.
Author: QuickStart Guide to Fusion Development: JDeveloper and Oracle ADF

Brian Huff

unread,
Sep 14, 2012, 1:15:00 PM9/14/12
to adf-met...@googlegroups.com

OMG! I just took a look at Balsamiq and it is AWESOME! Best. Wireframe. Tool. Ever.

Definitely using that going forward for all my projects. Thanks for sharing!


On Thu, Sep 13, 2012 at 6:57 PM, Mark Robinson <ma...@mrobinson.ca> wrote:
In my experience ADF doesn't play well with others.  A better way I've found is to generate a UI using Balsamiq and then implement that using pure ADF.  I would strongly recommend against letting a UI design run wild with Photoshop.  You will end up with a design that looks great on a power point slide but is at best terrible and at worst unimplementable.

Mark


Manish Rungta

unread,
Jan 22, 2013, 8:53:49 PM1/22/13
to adf-met...@googlegroups.com
Just launched www.panduit.com which uses fat wire and webcenter portal along with ucm and SOA/BPM

Thanks
Manish
Hitachi Consulting
--

Bijesh Krishnadas

unread,
Jan 22, 2013, 9:40:05 PM1/22/13
to adf-met...@googlegroups.com
Looks interesting Manish. What kind of integration do you have between WC Portal and FatWire (Sites)? Is it limited to Sites links within the portal page template?

--
BK

Vineet Menghani

unread,
Jan 23, 2013, 2:24:44 AM1/23/13
to adf-met...@googlegroups.com
Hi Manish,

This is nice, it would be more helpful if you share or throw some light on the architectural side as well.

Thanks
Vineet

--
You received this message because you are subscribed to the ADF Enterprise Methodology Group (http://groups.google.com/group/adf-methodology). To unsubscribe send email to adf-methodolo...@googlegroups.com
 
All content to the ADF EMG lies under the Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/). Any content sourced must be attributed back to the ADF EMG with a link to the Google Group (http://groups.google.com/group/adf-methodology).



--
Best Regards,
Vineet

hasim

unread,
Jan 23, 2013, 10:06:49 AM1/23/13
to adf-met...@googlegroups.com
Manish,

Nice Site developed in Fatwire. Is there any use of ADF in this website. I dont see single ADF component in this website.

Thanks,Hasim

Thanks, Hasim
On Wed, Jan 23, 2013 at 1:24 AM, Vineet Menghani <vineet....@gmail.com> wrote:
or


Manish Rungta

unread,
Jan 23, 2013, 3:55:00 PM1/23/13
to adf-met...@googlegroups.com
Click on Register/Login link. Once you login, you are taken to portal where user can check/place orders, query items etc. This application is served by 11.5.10 EBS in backend.


Thanks
Manish






--
Reply all
Reply to author
Forward
0 new messages