Web Wiz Rich Text Editor (RTE)

Print Page | Close Window

Displaced menu

Printed From: Web Wiz Forums
Category: Web Wiz Web App Support Forums
Forum Name: Web Wiz Rich Text Editor (RTE)
Forum Description: Support forum for the Web Wiz Rich Text Editor (RTE).
URL: https://forums.webwiz.net/forum_posts.asp?TID=28821
Printed Date: 28 March 2026 at 7:15am
Software Version: Web Wiz Forums 12.08 - https://www.webwizforums.com

Topic: Displaced menu

Posted By: msvensson82
Subject: Displaced menu
Date Posted: 02 September 2010 at 11:50am

I get a displacement for both my font and size menues, and I can't figure out why. The only thing I have changed from the standard default.asp file is the adjustment etc. of the actual form according to the following:

<table border="0" cellpadding="0" cellspacing="1" bgcolor="#777777" >
<tr>
<td bgcolor="#F4F7FB" align="left">


<tr>
<td bgcolor="#F4F7FB" align="left">

<textarea cols="110" rows="37" name="myTextarea" id="myTextarea">
<%=text1%>
</textarea>

</td>
</tr>
</table>

Here's the output

I do have a different stylesheet for the page that I include this form on, but as far as I have been able to determine, nothing that would generate a displacement of the actual popup menu...

help...

Replies:

Posted By: WebWiz-Bruce
Date Posted: 02 September 2010 at 3:37pm

More likely something in your style sheet or a layer causing the problem.

-------------
https://www.webwiz.net/web-wiz-forums/forum-hosting.htm" rel="nofollow - Web Wiz Forums Hosting
https://www.webwiz.net/web-hosting/windows-web-hosting.htm" rel="nofollow - ASP.NET Web Hosting

Posted By: msvensson82
Date Posted: 12 September 2010 at 3:09pm

But it can't be because my stylesheet, since this all happens inside an IFRAME right?

Posted By: WebWiz-Bruce
Date Posted: 13 September 2010 at 10:51am

Have you placed the RTE in to an IFrame on your website?

If so then this is more then likely what is causing the issue as the javascript that opens the drop down is unable to get the correct screen location.

-------------
https://www.webwiz.net/web-wiz-forums/forum-hosting.htm" rel="nofollow - Web Wiz Forums Hosting
https://www.webwiz.net/web-hosting/windows-web-hosting.htm" rel="nofollow - ASP.NET Web Hosting

Posted By: msvensson82
Date Posted: 13 September 2010 at 1:37pm

No I have not modified the application at all like that, I just went into the source code and had a peek. Or maybe the actual menues (color picker etc.) are the only IFRAMES there is...?

Posted By: msvensson82
Date Posted: 26 September 2010 at 6:51pm

I have spent a whole day trying to figure this one out. I have found that by erasing all contents in my stylesheet, I get a correctly placed menu. I then went on to take each element in my css file out at a time, to see which one caused the displacement, to my surprise no one of the elements by itself caused this. I got no further in my search by doing this great and timeconsuming job...

I have looked into the code, this seems to be what picks up the "position-top" property for the IFRAMEs containing the "font-picker" and such menus

(from RTE_javascript.asp...)

(line 142)
document.getElementById(iframeWin).style.top = (getOffsetTop(buttonElement) + buttonElement.offsetHeight) + 'px';

(line 239)
function getOffsetTop(elm){
     var mOffsetTop = elm.offsetTop;
     var mOffsetParent = elm.offsetParent;
     while(mOffsetParent){
          mOffsetTop += mOffsetParent.offsetTop;
          mOffsetParent = mOffsetParent.offsetParent;
     }
     return mOffsetTop;
}

the variable 'buttonElement' or later 'elm' passed into the function being the menuitem in question, for example the image named 'fontname' for the font picker...

When the rest of the editor looks and does just what it should, I can not understand what in my stylesheet would cause this misplacement. If the editor picks up the position of the parent element, the image with id 'fontname' for instance, and this element is positioned correctly on the page, why is the Iframe that opens when a user clicks this image not placed correctly?? It IS placed with correct offset when it comes to space-from-the-left...

/Mattias

Posted By: 123Simples
Date Posted: 26 September 2010 at 7:57pm

Hi msv (shortened for convenience sake)

If you like, and if Bruce cannot give you a specific, which I expect he will anyway), why not send a PM with a link so we can have a real look at this. I know myself that mixing style sheets can often cause an issue, and it will only take one thing, to muck it up

-------------
http://www.123simples.com/" rel="nofollow - Visit 123 Simples Web Design

Posted By: msvensson82
Date Posted: 26 September 2010 at 8:26pm

I sorted it out... sort of =) Thanks.

Posted By: kimboy
Date Posted: 15 July 2011 at 10:09am

But it can't be because my stylesheet, since this all happens inside an IFRAME right?