Home: htmlArea 2: htmlArea 2 & 3 archive (read only): htmlArea v2.0:
Button Width



hawleyjr
New User

Mar 2, 2004, 9:06 PM


Views: 1862
Button Width

Hello, I have added additional buttons some of which are larger then the 18px. When viewed only the first 18px are displayed. Any Help?



Thanks.

-JH


Luis
Veteran

Mar 2, 2004, 10:21 PM


Views: 1858
Re: [hawleyjr] Button Width

Hi hawleyjr:

Buttons dimensions are defined on top of editor.js:

document.write('.btn { width: 22px; height: 22px; .... document.write('.btnOver { width: 22px; height: 22px;... document.write('.btnDown { width: 22px; height: 22px;... document.write('.btnNA { width: 22px; height: 22px;...

Greetings.


Don't give up!!
http://webstationone.com/test/htmlarea


(This post was edited by Luis on Mar 2, 2004, 10:22 PM)


skud
Novice

Feb 3, 2005, 10:40 AM


Views: 1559
Re: [hawleyjr] Button Width

Having the same problem, I tried adding a new button which is wider so I created a new style:
document.write('.btnWIDE { width: 58px; height: 22px; border: 1px solid buttonface; margin: 0; padding: 0; background-color: #CCCCCC;}\n');

then added this at line 211 so the custom button would use the wide style but the button is still the same width as all others, any idea?:

// custom wide button
if (btnName == "custom1") {
var btnObj = config.btnList[btnName];
var btnCmdID = btnObj[0];
var btnTitle = btnObj[1];
var btnOnClick = btnObj[2];
var btnImage = btnObj[3];
toolbar += '<button title="' +btnTitle+ '" id="_' +objname+ '_' +btnCmdID+ '" class="btnWIDE" onClick="' +btnOnClick+ '" onmouseover="if(this.className==\'btn\'){this.className=\'btnOver\'}" onmouseout="if(this.className==\'btnOver\'){this.className=\'btn\'}" unselectable="on"><img src="' +config.imgURL + btnImage+ '" border=0 unselectable="on"></button>';
continue;
}