Right, I dug around for a while in the framework and CSS looking for the
actual skin. In LinkButtonSkin.as, it specifies the upskin and overskin,
but because this is all inside a single file and it uses the appropriate
skin, it seems that I can't tell it to use the upskin for the overskin....
case "overSkin":
{
drawRoundRect(
0, 0, w, h, cornerRadius,
rollOverColor, 1);
break;
}
If I ever run into any issues with my .png I can just copy the skin file and
replace rollOverColor, 1 with 0, 0 for every state and I'll get the same
effect.
Thanks
On Fri, Jul 11, 2008 at 10:55 AM, Alex Harui <[EMAIL PROTECTED]> wrote:
> I think you can set up upSkin or overSkin, instead of just skin, but
> your PNGs are ok too.
>
>
> ------------------------------
>
> *From:* flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] *On
> Behalf Of *Dennis Falling
> *Sent:* Thursday, July 10, 2008 10:14 PM
>
> *To:* flexcoders@yahoogroups.com
> *Subject:* Re: [flexcoders] Re: Trick button into rendering
> mouseover/mouseout states
>
>
>
> Do you mean the CSS from the framework? Because the only applicable css
> I've seen is:
>
> LinkButton
> {
> /* disabledIcon: null; */
> disabledSkin: ClassReference(null);
> /* downIcon: null; */
> downSkin: ClassReference(null);
> /* overIcon: null; */
> overSkin: ClassReference(null);
> paddingLeft: 7;
> paddingRight: 7;
> /* selectedDisabledIcon: null; */
> selectedDisabledSkin: ClassReference(null);
> /* selectedDownIcon: null; */
> selectedDownSkin: ClassReference(null);
> /* selectedOverIcon: null; */
> selectedOverSkin: ClassReference(null);
> /* selectedUpIcon: null; */
> selectedUpSkin: ClassReference(null);
> skin: ClassReference("mx.skins.halo.LinkButtonSkin");
> /* upIcon: null; */
> upSkin: ClassReference(null);
> }
>
> Setting my over skin to ClassReference(null) makes it appear (I think) like
> a normal button, while using ClassReference("mx.skins.halo.LinkButtonSkin")
> will make it behave like a typical LinkButton does when moused over. Again
> though, it currently looks great and behaves the way I want it to. Is there
> a reason for me to not do it just with an alpha image?
>
> Thanks
>
> On Thu, Jul 10, 2008 at 7:09 PM, Alex Harui <[EMAIL PROTECTED]> wrote:
>
> Copy the LinkButton CSS and assign whatever was in upSkin to overSkin
>
>
> ------------------------------
>
> *From:* flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] *On
> Behalf Of *Dennis Falling
> *Sent:* Thursday, July 10, 2008 4:13 PM
>
>
> *To:* flexcoders@yahoogroups.com
> *Subject:* Re: [flexcoders] Re: Trick button into rendering
> mouseover/mouseout states
>
>
>
> So no way that's purely CSS? Is there a reason for me to not use my current
> hack (invisible PNG skins)? Visually and functionally it's what I want.
>
>
>
> On Jul 10, 2008, at 5:30 PM, "Alex Harui" <[EMAIL PROTECTED]> wrote:
>
> Maybe setStyle("overSkin", getStyle("upSkin"))
>
>
> ------------------------------
>
> *From:* flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] *On
> Behalf Of *Dennis Falling
> *Sent:* Thursday, July 10, 2008 12:52 PM
> *To:* flexcoders@yahoogroups.com
> *Subject:* Re: [flexcoders] Re: Trick button into rendering
> mouseover/mouseout states
>
>
>
> I don't know of a way to give a link button a transparent mouse over
> background.
>
> On Jul 7, 2008, at 2:11 PM, "nathanpdaniel" <[EMAIL PROTECTED]> wrote:
>
> I'm not sure but what's the difference between a link button and what
> you're trying to accomplish? It seems to me what you're looking for
> would be easily accomplished with a little CSS & the LinkButton
> component rather than reskinning the Button component.
>
> --- In flexcoders@yahoogroups.com <flexcoders%40yahoogroups.com>, "Alex
> Harui" <[EMAIL PROTECTED]> wrote:
> >
> > Interesting. It should work because the icon and text is not a
> child of
> > the skin. Maybe I don't understand what he wants or what you tried.
> >
> >
> >
> > ________________________________
> >
> > From: [EMAIL PROTECTED]
> > <flexcoders%40yahoogroups.com><flexcoders%40yahoogroups.com>
> ups.com <flexcoders%40yahoogroups.com>
> [mailto:[EMAIL PROTECTED]
> <flexcoders%40yahoogroups.com><flexcoders%40yahoogroups.com>
> ups.com <flexcoders%40yahoogroups.com>] On
> > Behalf Of Tim Hoff
> > Sent: Monday, July 07, 2008 10:02 AM
> > To: [EMAIL PROTECTED]
> > <flexcoders%40yahoogroups.com><flexcoders%40yahoogroups.com>
> ups.com <flexcoders%40yahoogroups.com>
> > Subject: [flexcoders] Re: Trick button into rendering
> mouseover/mouseout
> > states
> >
> >
> >
> >
> > Doesn't work if you want to keep the button icons visible. Wouldn't
> > this also affect embedded fonts?
> >
> > -TH
> >
> > --- In [EMAIL PROTECTED]
> > <flexcoders%40yahoogroups.com><flexcoders%40yahoogroups.com>
> ups.com <flexcoders%40yahoogroups.com> <
> <flexcoders>mailto:flexcoders<flexcoders>
> %
> 40yahoogroups.com>
> > , "Alex Harui" <aharui@> wrote:
> > >
> > > Skin the way you normally do, but set the alpha=0
> > >
> > >
> > >
> > > ________________________________
> > >
> > > From: [EMAIL PROTECTED]
> > > <flexcoders%40yahoogroups.com><flexcoders%40yahoogroups.com>
> ups.com <flexcoders%40yahoogroups.com> <
> <flexcoders>mailto:flexcoders<flexcoders>
> %
> 40yahoogroups.com>
> > [mailto:[EMAIL PROTECTED]
> > <flexcoders%40yahoogroups.com><flexcoders%40yahoogroups.com>
> ups.com <flexcoders%40yahoogroups.com> <
> <flexcoders>mailto:flexcoders<flexcoders>
> %
> 40yahoogroups.com>
> > ]
> > On
> > > Behalf Of Dennis Falling
> > > Sent: Sunday, July 06, 2008 12:43 PM
> > > To: [EMAIL PROTECTED]
> > > <flexcoders%40yahoogroups.com><flexcoders%40yahoogroups.com>
> ups.com <flexcoders%40yahoogroups.com> <
> <flexcoders>mailto:flexcoders<flexcoders>
> %
> 40yahoogroups.com>
> > > Subject: Re: [flexcoders] Trick button into rendering
> > mouseover/mouseout
> > > states
> > >
> > >
> > >
> > > Over an alpha background though just setting their colors won't
> do it.
> > > I've done skins, but when I want a skin with basically nothing
> > visible,
> > > would that be any different from what I've made?
> > >
> > > On Sat, Jul 5, 2008 at 7:25 PM, Alan ultraky@
> > > < <ultraky>mailto:ultraky <ultraky>@ > wrote:
> > >
> > > Could you just set the btn color and border to the same color as
> your
> > > background? Also, have you tried the Photoshop btn skin scripts.
> Makes
> > > it real easy to change the btn....in fact, id use that...
> > >
> > >
> > >
> > > There's a demo on adobe.com to use it, but its so easy you dont
> really
> > > even need it.
> > >
> > >
> > >
> > > <https://www.adobe.com/cfusion/entitlement/index.cfm?e=flex%5Fskins><https://www>
> https://www.<https://www.adobe.com/cfusion/entitlement/index.cfm?e=flex%5Fskins>
> adobe.com/cfusion/entitlement/index.cfm?e=flex%5Fskins<https://www.adobe.com/cfusion/entitlement/index.cfm?e=flex%5Fskins>
> > <
> > <https://www.adobe.com/cfusion/entitlement/index.cfm?e=flex%25><https://www>
> https://www.<https://www.adobe.com/cfusion/entitlement/index.cfm?e=flex%25>
> adobe.com/cfusion/entitlement/index.cfm?e=flex%<https://www.adobe.com/cfusion/entitlement/index.cfm?e=flex%25>
> 5Fskins>
> > > <
> > > <https://www.adobe.com/cfusion/entitlement/index.cfm?e=flex%25><https://www>
> https://www.<https://www.adobe.com/cfusion/entitlement/index.cfm?e=flex%25>
> adobe.com/cfusion/entitlement/index.cfm?e=flex%<https://www.adobe.com/cfusion/entitlement/index.cfm?e=flex%25>
> 5Fskins
> > <
> > <https://www.adobe.com/cfusion/entitlement/index.cfm?e=flex%25><https://www>
> https://www.<https://www.adobe.com/cfusion/entitlement/index.cfm?e=flex%25>
> adobe.com/cfusion/entitlement/index.cfm?e=flex%<https://www.adobe.com/cfusion/entitlement/index.cfm?e=flex%25>
> 5Fskins> >
> > >
> > >
> > >
> > > Alan
> > >
> > >
> > >
> > >
> > >
> > >
> > >
> > >
> > >
> > > On Jul 5, 2008, at 8:19 PM, Dennis Falling wrote:
> > >
> > >
> > >
> > >
> > >
> > > What's the best way to create a border-less button? I'm trying to
> pull
> > > it off with flexlib's enhanced button skin but it appears to be
> > ignoring
> > > the font-family I set. Basically I just want a button that has
> text
> > and
> > > an icon and these will change color on mouseover. No
> > border/backgrounds
> > > should ever be visible.
> > >
> > > <http://dl.getdropbox.com/u/15760/replay.png> <http://dl.getdropbo>
> http://dl.getdropbo <http://dl.getdropbox.com/u/15760/replay.png>
> x.com/u/15760/replay.png <http://dl.getdropbox.com/u/15760/replay.png>
> > < <http://dl.getdropbox.com/u/15760/replay.png> <http://dl.getdropbo>
> http://dl.getdropbo <http://dl.getdropbox.com/u/15760/replay.png>
> x.com/u/15760/replay.png <http://dl.getdropbox.com/u/15760/replay.png>>
> > > < <http://dl.getdropbox.com/u/15760/replay.png> <http://dl.getdropbo>
> http://dl.getdropbo <http://dl.getdropbox.com/u/15760/replay.png>
> x.com/u/15760/replay.png <http://dl.getdropbox.com/u/15760/replay.png>
> > < <http://dl.getdropbox.com/u/15760/replay.png> <http://dl.getdropbo>
> http://dl.getdropbo <http://dl.getdropbox.com/u/15760/replay.png>
> x.com/u/15760/replay.png <http://dl.getdropbox.com/u/15760/replay.png>> >
> > >
> >
>
>
>
>
>
>
