widget icon glow

[rjd]

Hi - Is there a way to make a SVG icon glow on mouseEnter without creating custom icons? The outerglow property doesn't seem to apply here

[richmond62]

This is because an SVG widget doesn't have these properties:

drop shadow
inner shadow
outer glow
inner glow
color overlay

which imported images do.

Personally I would go for changing the hilite of the widget:

Code: Select all

on mouseEnter
   set the hilite of me to true
   set the hiliteColor of me to red
end mouseEnter

on mouseLeave
   set the hilite of me to false
end mouseLeave

Glow SVG.livecode.zip

Here's the stack.

(2.68 KiB) Downloaded 133 times

[bogs]

Another (admittedly kludgey) way you could do it would be to set the svg shape on a matching graphic shape, which does have those properties. Then you could make "creative" use of the graphic's properties and blendlevel to simulate glowing or whatever.

[Klaus]

Group the single SVG and apply the desired effects to that group!
Noone will tell the difference!

[richmond62]

Group the single SVG

That's a clever idea

Remember, if you want to rotate the widget,
you must be careful to ungroup it, then rotate it, then regroup it.

[bogs]

On second thought, what Klaus said! (or what I said, which doesn't require ungrouping )