Better support for width, height, padding, and margins on rounded <div>'s.
on 13.03.2006 18:59
on 31.03.2006 01:31
I support this as well. Often you might want to use a title, e.g <H2> with shaded background and nice Rico-rounded corners. You also need a bit of padding so that the title text doesn't butt right up against the side of the box. With current Rico-corners you have to wrap the <H2> in a <DIV> (for example), Rico-round the <DIV>. Means having to create a whole new CSS class for the DIV so that it can do the background shading. jmkogut wrote: > Better support for width, height, padding, and margins on rounded > <div>'s.
on 20.04.2006 12:47
In addition to this, the radius should be an editable option, as well as support for floating and inline elements.
on 19.01.2007 21:55
Attached is the diff of rico.js v1.1.2 required to create "varible width
curved borders" for the Rico.Corner.round() function. It is set in the
function options using cWidth (corner-width) option like so:
var roundCorners = Rico.Corner.round.bind(Rico.COrner);
roundCorners('a',{cWidth:'2'});
- The width must be between 0 and numSlices (currently 4)
- The value is Math.floor'ed to remove floats and convert to an int()
- The value is also in poxels as all calculations for rounding are suc


