myfaces-users mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Samba <saas...@gmail.com>
Subject Re: Skinnin a Button(Custom Button Shapes)
Date Fri, 29 Feb 2008 11:00:48 GMT
Yes , ofcourse we can always write a work around when you go to the basics,
but I wanted to use the trinidad Skinning featire for doing this..

Thanks,
Samba

On 2/29/08, David Delbecq <delbd+jakarta@oma.be> wrote:
>
> <style>
> input[type=submit],input[type=cancel],button{
> ....
> }
> </style>
>
> En l'instant précis du 29/02/08 10:57, Samba s'exprimait en ces termes:
> > So,
> > does that mean I cannot create a button of my own style with the
> > existing skinnning features?
> > or Is that possible with  the Ttrinidad 1.2.7 ?
> >
> > hope to get a positive answer,
> > Samba
> >
> > On 2/29/08, *Matthias Wessendorf* <matzew@apache.org
> > <mailto:matzew@apache.org>> wrote:
> >
> >     nope, the old oracle skin was not donated.
> >     I don't know the reasons. However, a new skin
> >     "suede" was added recently to the trunk. This is
> >     similar to the "old" ORA skin
> >
> >     -M
> >
> >     On Fri, Feb 29, 2008 at 8:37 AM, Samba <saasira@gmail.com
> >     <mailto:saasira@gmail.com>> wrote:
> >     > Hi!
> >     > I tried to use the skinning support for Buttons to render a
> >     rounded corner
> >     > button, but some how I could not get it working..
> >     >
> >     > I thought Oracle donated the Complete skin from ADF to Trinidad...
> >     > But now I'm getting doubts... correct me if I'm wrong..
> >     >
> >     > These are style selectors I'm using for creating a custom
> buttton...
> >     >
> >     >
> >     >
> >     >
> >     >
> >     > /** BUTTON STYLES. Notice the right to left icons are specified
> >     with the
> >     > :rtl pseudo-class. If :rtl icons are not specified, we default
> >     to non-:rtl
> >     > icons. **/
> >     >
> >     > /** use this to color the button background and text **/
> >     > /* bg-color: bluish; color: deep blue */
> >     > .AFButtonServerText:alias {background-color:#5A9CC6;
> color:#25009E}
> >     > /* antialias the text for our disabled buttons */
> >     >  .AFButtonServerTextDisabled:alias {background-color:#F0F0F0;
> >     > color:Gray;-ora-text-antialias:true}
> >     >
> >     >
> >     > /** This is how you can customize the look and feel of ADF Faces
> >     buttons */
> >     >
> >     > /* Disabled for now - example button images temporarily stored in
> >     > /example_button_images
> >     > .AFButtonStartIcon:alias {content:url(/skins/images/btnStart.gif);
> >     > width:7px; height:18px}
> >     > .AFButtonStartIcon:alias:rtl
> {content:url(/skins/images/btnEnd.gif);
> >     > width:7px; height:18px}
> >     >
> >     > .AFButtonEndIcon:alias {content:url(/skins//images/btnEnd.gif);
> >     width:7px;
> >     > height:18px}
> >     > .AFButtonEndIcon:alias:rtl
> >     {content:url(/skins//images/btnStart.gif);
> >     > width:7px; height:18px}
> >     >
> >     > .AFButtonTopBackgroundIcon:alias
> >     {content:url(/skins/images/btnTop-bg.gif);
> >     > width:1px; height:2px}
> >     > .AFButtonTopBackgroundIcon:alias:rtl
> >     > {content:url(/skins//images/btnTop-bg.gif); width:1px; height:2px}
> >     >
> >     > .AFButtonBottomBackgroundIcon:alias
> >     > {content:url(/skins//images/btnBottom-bg.gif); width:1px;
> >     height:2px}
> >     > .AFButtonBottomBackgroundIcon:alias:rtl
> >     > {content:url(/skins/images/btnBottom-bg.gif); width:1px;
> height:2px}
> >     >
> >     > .AFButtonDisabledStartIcon:alias
> >     > {content:url(/skins/images/btnDisabledStart.gif); width:7px;
> >     height:18px}
> >     > .AFButtonDisabledStartIcon:alias:rtl
> >     > {content:url(/skins/images/btnDisabledEnd.gif); width:7px;
> >     height:18px}
> >     >  .AFButtonDisabledEndIcon:alias
> >     > {content:url(/skins/images/btnDisabledEnd.gif); width:7px;
> >     height:18px}
> >     > .AFButtonDisabledEndIcon:alias:rtl
> >     > {content:url(/skins/images/btnDisabledStart.gif); width:7px;
> >     height:18px}
> >     >
> >     > .AFButtonDisabledTopBackgroundIcon:alias
> >     > {content:url(/skins/images/btnDisabledTop-bg.gif); width:1px;
> >     height:2px}
> >     >
> >     > .AFButtonDisabledBottomBackgroundIcon:alias
> >     > {content:url(/skins/images/btnDisabledBottom-bg.gif); width:1px;
> >     height:2px}
> >     >
> >     >
> >     >
> >     > Have the Style classes changed for trinidad, I still see a lot
> >     of Skin
> >     > selectors being the same as for ADF..
> >     >
> >     > But why the button is  not being created with the new images....?
> >     >
> >     > Hope to get a solution from you,
> >     >
> >     > Samba
> >     >
> >     >
> >     >
> >     >
> >     >
> >     >
> >     >
> >     >
> >     >
> >     >
> >     >
> >     >
> >     >
> >     > --
> >     > Regards...
> >     > Samba.
> >
> >
> >
> >     --
> >     Matthias Wessendorf
> >
> >     further stuff:
> >     blog: http://matthiaswessendorf.wordpress.com/
> >     sessions: http://www.slideshare.net/mwessendorf
> >     mail: matzew-at-apache-dot-org
> >
> >
> >
> >
> > --
> > Regards...
> > Samba.
>
>
> --
> http://www.devlog.be (a belgian developer's logs)
>
>
>


-- 
Regards...
Samba.

Mime
View raw message