6.2/6.3/6.4 issue with CuteEditorDropDown class in IE7

  •  06-05-2009, 7:32 AM

    6.2/6.3/6.4 issue with CuteEditorDropDown class in IE7

     
    As you can see we have an issue in IE7 where the CuteEditorDropDown widths appear to be ignored specifically in IE7
     
    The rendered html has
     
    <span class="CuteEditorDropDown" id="CE_ctl20_Editor1_IDformatblock" Command="FormatBlock" onchange="CuteEditor_DropDownCommand(this,'FormatBlock')" RichHideFirstItem="true" RenderItemBorder="true" _IsRichDropDown="True" style="display:inline-block;width:70px;height:20px;">
     
    and the config file is (snippet)
     
    <item type="g_start" />
       <item type="dropdown" name="CssClass" width="70" RenderItemBorder="true" text="[[CssClass]]" command="CssClass" />
       <item type="dropdown" name="FormatBlock" width="70" RenderItemBorder="true" text="[[Paragraph]]" command="FormatBlock" />
      <item type="g_end" />
      <item type="g_start" />
          <item type="image" name="NetSpell" imagename="spell" />
      <item type="g_end" />
     
    so the style attribute is applying the 70px default width but the rendering seems to ignore it.
     
    Even more strangly... if we add
     
    .CuteEditorDropDown {width:70px;}
     
    into our external style sheet the issue is resolved. (although this is not ideal as we can't then in the future have a dropdown box that is other than 70px defined in the config file for the icons)
     
    this only seems to apply when the drop downs are near the end of the line, and not in IE8.
     
    hope this helps you improve on your support for older browsers.
View Complete Thread