htmlArea

A directory of browser-based WYSIWYG editors

  MAIN
INDEX
SEARCH
POSTS
WHO'S
ONLINE
LOG
IN

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


The htmlArea 2 & 3 editors have been discontinued.

We've made these forums available as a read-only reference and knowledge-base for people using or developing editors based on htmlArea 2 or 3.

Anyone who is interested in taking over version 2 or 3 is free to do so. All we ask is that you choose a new name that doesn't have "htmlarea" in it to avoid confusion with this site. We'll even give you a link in the directory to make it easier for people to find you. If you are developing or hosting an htmlArea based-editor under a new name, please submit it to our directory.

 


hawleyjr
New User

Mar 2, 2004, 9:06 PM

Post #1 of 3 (1814 views)
Shortcut
Button Width Can't Post

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

Post #2 of 3 (1810 views)
Shortcut
Re: [hawleyjr] Button Width [In reply to] Can't Post

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

Post #3 of 3 (1511 views)
Shortcut
Re: [hawleyjr] Button Width [In reply to] Can't Post

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;
}

 
 
 


Search for (options)