[New Feature Request] Drop shadow parameters

[amagico]

Drop shadow is an important part of the UX. Today #56 the fixed shadow is pretty sharp and will in some use cases blend into the background.
I suggest a feature that you can set the shadow properties:

1. Blur 0-100 px
2. Opacity 0-100 %
3. Offset 0-100 px
4. Offset angle 0-360° (nice to have feature)

This is a more contemporary drop shadow produced with the above parameters:

Many thanks!

[amagico]

Or, can we today change the current drop shadow properties ourselves? @Wagnerp :-)

[NatasaJ17]

I agree with amagico, it would be much better with 4-sides shadow, I really want this shadow, but unfortunately solutions that I found don't work.

[PWagner1]

Hi @amagico and @MACE17

It isn't available yet, however it could be a feature for a future update. Incidentally, I was thinking about this a few weeks ago.

[amagico]

Hi @amagico and @MACE17

It isn't available yet, however it could be a feature for a future update. Incidentally, I was thinking about this a few weeks ago.

@Wagnerp that would be much appreciated and a big lift for the overall look and feel of Krypton.
There is quite a lot of sample code out there but by overriding Krypton we encounter trouble such as window resizing (a feature that is very important to keep). A K-integrated shadow would be clever.

Thanks a lot

[Smurf-IV]

https://www.w3schools.com/cssref/playit.asp?filename=playcss_box-shadow&preval=20px%2020px%2050px%20grey

H-offset : The horizontal offset of the shadow. A positive value puts the shadow on the right side of the box, a negative value puts the shadow on the left side of the box. 0 can be used
V-offset : The vertical offset of the shadow. A positive value puts the shadow below the box, a negative value puts the shadow above the box. 0 can be used
Blur 	(Optional) The blur radius. The higher the number, the more blurred the shadow will be 	
Spread 	(Optional) The spread radius. A positive value increases the size of the shadow, a negative value decreases the size of the shadow 	
Color 	(Optional) The color of the shadow. The default value is the system dark grey.

[Smurf-IV]

I have been playing with several implementations and have been fighting all sorts of wonderful edge cases e.g.

• What happens when the form is moved over a screen edge,
• What happens when the form is being used for docking,
• Max and minimising
• What about other controls (like panels)
• Pop-up windows also have shadows (i.e. menus / tooltips / popup navigator windows / etc)
• Use of DWM
• Use of Overlays
• Native Vs GDI Vs embedding WPF
• Resizing

Anyway, after all this, I think I have a design that should work for most of the above use cases for Forms except the other existing Krypton Controls (Initially)

[Smurf-IV]

I agree with amagico, it would be much better with 4-sides shadow, I really want this shadow, but unfortunately solutions that I found don't work.

OK, I think I will drop the css styling, and allow the above to happen, i.e. specify all 4 side offsets, and a negative will impact the side that it would touch. So a standard diagonal blur would be something like (-10, -10, 10, 10)

    /// <param name="left">The padding size, in pixels, for the left edge.</param>
    /// <param name="top">The padding size, in pixels, for the top edge.</param>
    /// <param name="right">The padding size, in pixels, for the right edge.</param>
    /// <param name="bottom">The padding size, in pixels, for the bottom edge.</param>

[PWagner1]

Hi @Smurf-IV

Maybe it could work when the WindowState is restored. i.e:

if (WindowState == FormWindowState.Normal)
{
      DrawBorderBlur(10, 10, -10, -10);
}
else
{
      DrawBorderBlur(0, 0, 0, 0);
}

[amagico]

to be specific, we use WinForms... thanks for doing this tho

[Smurf-IV]

Nearly there:

Currently fighting the loss and regain of focus, which makes the shading go behind the previous active window !!

[amagico]

nice :)

…

14 apr. 2019 kl. 14:40 skrev Simon Coghlan ***@***.***>: Nearly there: — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.