Support forums - Dropdown menu offset problem?

Support forums » Products » Cute Editor for .NET » Re: Dropdown menu offset problem?

Dropdown menu offset problem?

Last post 03-02-2009, 9:41 PM by Kenneth. 3 replies.


	Sort Posts: Previous Next

03-01-2009, 9:47 PM 49371

rodusa
Joined on 03-02-2009
Posts 3

Dropdown menu offset problem?

Reply Quote

I found a glitch in Ie7 which displays the dropdown menus by a huge offset in my 24 inch monitor. For instance, the font size dropdown, look in the picture how it is positioned to the left side. In Firefox it works normally. Playing around I discovered that this problem is caused by it's absolute positioning which I found under the cuteEditorimplementation.js.

Just look for line:

"display:none;z-index:88888888;font-family:arial;position:absolute;background-color:white;border:1px solid;overflow:auto;overflow-x:visible;overflow-y:auto;font-size:12px;padding:2px;","Min_Height","Max_Height","Tree_Min_Height","BorderColorOver","DarkBlue","BorderColor","White","CheckRemoved","CloseDiv","dispose","FillListItems","FillTreeItems","GetText"

I need to find a solution for this as quickly as possible.

Thanks

Rod

03-01-2009, 10:09 PM 49372 in reply to 49371

rodusa
Joined on 03-02-2009
Posts 3

Re: Dropdown menu offset problem?

Reply Quote

Never mind, I just found a fix. I added a position:relative to my body tag. I haven't tested in Opera but it seems to be good now on Ie 7.0 and Firefox 3.0. I just don't know how to explain...

BODY
{
   position:relative;
   margin: 0px auto;
   width: 900px;
   color: #999999;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   background-color: #666;
}

Rod

03-02-2009, 10:40 AM 49396 in reply to 49372

rodusa
Joined on 03-02-2009
Posts 3

Re: Dropdown menu offset problem?

Reply Quote

Now on IE I get the dropdown a little bit offset vertically. Any way to fix it?

03-02-2009, 9:41 PM 49414 in reply to 49396

Kenneth
Joined on 02-13-2008
Posts 3,886

Re: Dropdown menu offset problem?

Reply Quote

Hi rodusa,

Please tyr this way:

1. Open file 'Common.config'(root\CuteSoft_Client\CuteEditor\Configuration\Shared\Common.config)

2. local to:

<FormatBlock>
      <item text="[[DIV]]" value="<DIV>">
        <html><![CDATA[[[DIV]]]]></html>
      </item>
      <item text="[[Normal]]" value="<P>">
        <html><![CDATA[[[Normal]]]]></html>
      </item>
      <item text="[[Heading 1]]" value="<H1>">
        <html><![CDATA[<b style='font-size:24pt'>[[Heading 1]]</b>]]></html>
      </item>
      <item text="[[Heading 2]]" value="<H2>">
        <html><![CDATA[<b style='font-size:18pt'>[[Heading 2]]</b>]]></html>
      </item>
      <item text="[[Heading 3]]" value="<H3>">
        <html><![CDATA[<b style='font-size:15pt'>[[Heading 3]]</b>]]></html>
      </item>
      <item text="[[Heading 4]]" value="<H4>">
        <html><![CDATA[<b style='font-size:12pt'>[[Heading 4]]</b>]]></html>
      </item>
      <item text="[[Heading 5]]" value="<H5>">
        <html><![CDATA[<b style='font-size:9pt'>[[Heading 5]]</b>]]></html>
      </item>
      <item text="[[Heading 6]]" value="<H6>">
        <html><![CDATA[<b style='font-size:7pt'>[[Heading 6]]</b>]]></html>
      </item>
      <item text="[[Address]]" value="<Address>">
        <html><![CDATA[[[Address]]]]></html>
      </item>
      <item text="[[MenuList]]" value="<MENU>">
        <html><![CDATA[[[MenuList]]]]></html>
      </item>
      <item text="[[Formatted]]" value="<PRE>">
        <html><![CDATA[[[Formatted]]]]></html>
      </item>
      <item text="[[Definition Term]]" value="<DT>">
        <html><![CDATA[[[Definition Term]]]]></html>
      </item>
</FormatBlock>

3. Clean all styles of the options, like below:

4. Or you can set the size you want.

Regards,

Ken