» Forums
» RollBar threads
» Bug reports
» Rounding tab corner with Rico effects disables tab functionality
Rounding tab corner with Rico effects disables tab functionality
2006/04/25 04:00
Viewed 9985 times
Replies: 2/3
by danijel

Rollbar could be great if one can round rollbar corners just like tab can be rounded with png (in aqua skin...).
Rico effects enables rounding of (divs) rollbar corners, but disables tab functionality(!).
This is link for good Rico effects: http://openrico.org/rico/demos.page?demo=rico_corner

OnPageLoad I do this:
DynarchRB.setup('tabControl', { tabs: 'top', animation:false, hideButtons:true, changeLocation:true, fixedHeight:true })
new Rico.Effect.Round('div','dynarch-rollbar', {border:'#4c657c'}); // unfortunately rounding tab corner disables tab functionality :(

Does anyone have any suggestions how to round rollbar corners?
Re: Rounding tab corner with Rico effects disables tab functiona
2006/05/06 03:19
Viewed 12021 times
Replies: 0/0
by vsaiyan

I could REALLY use help with this too... It would be wonderful if someone who knows what the problem is (so I don't have to search for it) would quickly explain it. If such a person would be so kind, I could attempt to fix it myself...

On the other hand, a patch or some example code which successfully integrates Rico (with Calendar in my case) would be even better ;)

Thanks,
-vsaiyan
last
Re[2]: Rounding tab corner with Rico effects disables tab functi
2008/03/31 20:32
Viewed 4242 times
Replies: 0/0
by version

If anyone is still looking for this fix, here is the solution: replace the _renderBorder function (in my installation, in ricoStyles.js file) with one which doesn't use innerHTML. This works for me:

_renderBorder: function(el,bgColor) {
var borderContainer = document.createElement("div");
var borderValue = "1px solid " + this._borderColor(bgColor);
borderContainer.style.borderLeft = borderValue;
borderContainer.style.borderRight = borderValue;
borderContainer.style.padding = "0px";
borderContainer.style.margin = "0px";

while (el.firstChild) { borderContainer.appendChild(el.firstChild); };
el.appendChild(borderContainer);
},

All credit to Lokkju (http://www.lokkju.com/) for posting this on the OpenRico forums:
http://weblog.openrico.org/index.php/archives/6
last
Google