Extend the CSS "Edit Box Properties" dialog

[pmk65]

1) Extend the CSS "Edit Box Properties" dialog so that it's possible to set the 2nd parameter block of "border-radius".
Currently it's only possible to set the first 4 values.

border-radius Formal syntax: [ <length> | <percentage> ]{1,4} [ / [ <length> | <percentage> ]{1,4} ]?

The syntax of the first radius allows one to four values:
border-radius: radius
border-radius: top-left-and-bottom-right top-right-and-bottom-left
border-radius: top-left top-right-and-bottom-left bottom-right
border-radius: top-left top-right bottom-right bottom-left

The syntax of the second radius also allows one to four values
border-radius: (first radius values) / radius
border-radius: (first radius values) / top-left-and-bottom-right top-right-and-bottom-left
border-radius: (first radius values) / top-left top-right-and-bottom-left bottom-right
border-radius: (first radius values) / top-left top-right bottom-right bottom-left

2) Extend the CSS "Edit Box Properties" dialog so that it's possible to set multiple "box-shadow" parameter blocks.

3) Extend the CSS "Edit Box Properties" dialog so that it's possible to create advanced color gradients with multiple color-stops and transparency.

Tested in WeBuilder 2015 v13.2.0.164

[Aivars]

I'll add this to suggestions. Which of these would you use if implemented and how often?

[pmk65]

To be honest, I code most by hand and rarely use the menus.
But for visual stuff like gradients and borders, I often resort to use online tools like:

Gradients Editor (Really good, but lacks support for gradient patterns):
http://colorzilla.com/gradient-editor/

Border Radius (Lacks support for the 2md parameter sets) & Clip Path Generators:
http://cssplant.com/border-radius-generator
http://cssplant.com/clip-path-generator

CSS Triangle Generator:
http://apps.eky.hk/css-triangle-generator/

If Webuilder had tools for the above with better features, I would definitely use them.

[pmk65]

I made a GUI based Border-Radius Generator with support for 2nd parameter block, since my "dumb" designer needed it

For those who want to try it out or also need a tool like this, you can play with it here: http://codepen.io/pmk/pen/zGGXKW

[kfury77]

I made a GUI based Border-Radius Generator with support for 2nd parameter block, since my "dumb" designer needed it

For those who want to try it out or also need a tool like this, you can play with it here: http://codepen.io/pmk/pen/zGGXKW

Good work! I like it.