6.2/6.3/6.4 issue with CuteEditorDropDown class in IE7

Last post 06-24-2009, 11:07 PM by yuvika. 13 replies.
Sort Posts: Previous Next
  •  06-05-2009, 7:32 AM 52818

    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.
  •  06-05-2009, 9:48 AM 52825 in reply to 52818

    Re: 6.2/6.3/6.4 issue with CuteEditorDropDown class in IE7

    Are you sure you are modifying the correct toolbar configuration file?
     
    Please modify default.config and try the following code:
     
    1. <%@ Register TagPrefix="CE" Namespace="CuteEditor" Assembly="CuteEditor" %>   
    2. <%@ Page language="c#"%>   
    3. <html>   
    4.     <head>   
    5.     </head>   
    6.     <body>   
    7.         <form id="Form1" method="post" runat="server">   
    8.             <CE:EDITOR id="Editor1" Autoconfigure="Simple" runat="server"></CE:EDITOR>   
    9.         </form>   
    10.     </body>   
    11. </html>  

    asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
    Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
    asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
    asp wysiwyg html editor: http://cutesoft.net/ASP
    asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
    Live Support: http://cutesoft.net/live-support/default.aspx

  •  06-10-2009, 11:23 AM 52953 in reply to 52825

    Re: 6.2/6.3/6.4 issue with CuteEditorDropDown class in IE7

    Ok, here's the setup as you have above and a modified default.config...
     
     
    although not the clipping....
    as you can see the drop downs are placed vertically, rather than wrapping onto another line.
     
    ps I'm viewing in IE8. :-)
     
  •  06-10-2009, 1:28 PM 52963 in reply to 52953

    Re: 6.2/6.3/6.4 issue with CuteEditorDropDown class in IE7

  •  06-11-2009, 4:54 AM 52991 in reply to 52963

    Re: 6.2/6.3/6.4 issue with CuteEditorDropDown class in IE7

    Code for default.config below... although all I did was remove items from the supplied file until I saw the behavoir we were seeing. :-)
    <?xml version="1.0" encoding="utf-8" ?>
    <configuration>
     <codeviewToolbars>
      <item type="g_start" />
      <item type="image" name="Save" postback="True" />
      <item type="image" name="Print" />
      <item type="image" name="Find" />
      <item type="image" name="ToFullPage" command="FullPage" imagename="fit" hotkey="F12" />
      <item type="image" name="FromFullPage" command="FullPage" imagename="restore" hotkey="F12" />
      <item type="image" name="Cut" />
      <item type="image" name="Copy" />
      <item type="image" name="Paste" />
      <item type="image" name="SelectAll" hotkey="CTRL+A" />
      <item type="image" name="SelectNone" />
      <item type="g_end" />
     </codeviewToolbars>
     <toolbars>
      <item type="g_start" />
      <item type="image" name="Save" postback="True" />
      <item type="image" name="New" imagename="newdoc" />
      <item type="image" name="Print" />
      <item type="image" name="Preview" imagename="bspreview" />
      <item type="image" name="Find" />
      <item type="image" name="ToFullPage" command="FullPage" imagename="fit" hotkey="F12" />
      <item type="image" name="FromFullPage" command="FullPage" imagename="restore" hotkey="F12" />
      <item type="image" name="CleanCode" imagename="cleanup" />
      <item type="image" name="NetSpell" imagename="spell" />
      <item type="separator" />
      <item type="image" name="Cut" />
      <item type="image" name="Copy" />
      <item type="image" name="Paste" />
      <item type="image" name="PasteText" />
      <item type="image" name="PasteWord" />
      <item type="image" name="PasteAsHTML" />
      <item type="image" name="Delete" />
      <item type="separator" />
      <item type="image" name="Undo" />
      <item type="image" name="Redo" />
      <item type="g_end" />
      <item type="g_start" />
      <item type="image" name="InsertPageBreak" imagename="InsertPageBreak" />
      <item type="image" name="InsertDate" imagename="insertdate" />
      <item type="image" name="InsertTime" imagename="timer" />
      <item type="separator" />
      <item type="image" name="InsertChars" imagename="specialchar" />
      <item type="image" name="InsertEmotion" imagename="emotion" />
      <item type="separator" />
      <item type="image" name="ImageGalleryByBrowsing" imagename="image" />
      <item type="image" name="InsertImage" imagename="eximage" />
      <item type="image" name="InsertFlash" imagename="flash" />
      <item type="image" name="InsertMedia" imagename="media" />
      <item type="image" name="InsertDocument" imagename="document" />
      <item type="image" name="InsertTemplate" imagename="template" />
      <item type="image" name="YouTube" />
      <item type="g_end" />  
      <item type="g_start" />
      <item type="dropdown" name="CssClass" width="70" RenderItemBorder="true" text="[[CssClass]]"
       command="CssClass" />
      <item type="dropdown" name="CssStyle" width="70" RenderItemBorder="true" text="[[CssStyle]]"
       command="CssStyle" />
      <item type="dropdown" name="FormatBlock" width="70" RenderItemBorder="true" text="[[Paragraph]]"
       command="FormatBlock" />
      <item type="g_end" />
      <item type="holder" name="insertcustombutonhere" />
     </toolbars>
    </configuration>
  •  06-11-2009, 4:56 AM 52992 in reply to 52991

    Re: 6.2/6.3/6.4 issue with CuteEditorDropDown class in IE7

    On another note... even though I'm subscribed to this thread. I don't seem to be getting any email notifications of replies posted? :-(
  •  06-11-2009, 10:31 AM 53010 in reply to 52991

    Re: 6.2/6.3/6.4 issue with CuteEditorDropDown class in IE7

    1. <?xml version="1.0" encoding="utf-8" ?>  
    2. <configuration>  
    3.  <codeviewToolbars>  
    4.   <item type="g_start" />  
    5.   <item type="image" name="Save" postback="True" />  
    6.   <item type="image" name="Print" />  
    7.   <item type="image" name="Find" />  
    8.   <item type="image" name="ToFullPage" command="FullPage" imagename="fit" hotkey="F12" />  
    9.   <item type="image" name="FromFullPage" command="FullPage" imagename="restore" hotkey="F12" />  
    10.   <item type="image" name="Cut" />  
    11.   <item type="image" name="Copy" />  
    12.   <item type="image" name="Paste" />  
    13.   <item type="image" name="SelectAll" hotkey="CTRL+A" />  
    14.   <item type="image" name="SelectNone" />  
    15.   <item type="g_end" />  
    16.  </codeviewToolbars>  
    17.  <toolbars>  
    18.   <item type="g_start" />  
    19.   <item type="image" name="Save" postback="True" />  
    20.   <item type="image" name="New" imagename="newdoc" />  
    21.   <item type="image" name="Print" />  
    22.   <item type="image" name="Preview" imagename="bspreview" />  
    23.   <item type="image" name="Find" />  
    24.   <item type="image" name="ToFullPage" command="FullPage" imagename="fit" hotkey="F12" />  
    25.   <item type="image" name="FromFullPage" command="FullPage" imagename="restore" hotkey="F12" />  
    26.   <item type="image" name="CleanCode" imagename="cleanup" />  
    27.   <item type="image" name="NetSpell" imagename="spell" />  
    28.   <item type="separator" />  
    29.   <item type="image" name="Cut" />  
    30.   <item type="image" name="Copy" />  
    31.   <item type="image" name="Paste" />  
    32.   <item type="image" name="PasteText" />  
    33.   <item type="image" name="PasteWord" />  
    34.   <item type="image" name="PasteAsHTML" />  
    35.   <item type="image" name="Delete" />  
    36.   <item type="separator" />  
    37.   <item type="image" name="Undo" />  
    38.   <item type="image" name="Redo" />  
    39.   <item type="g_end" />  
    40.   <item type="g_start" />  
    41.   <item type="image" name="InsertPageBreak" imagename="InsertPageBreak" />  
    42.   <item type="image" name="InsertDate" imagename="insertdate" />  
    43.   <item type="image" name="InsertTime" imagename="timer" />  
    44.   <item type="separator" />  
    45.   <item type="image" name="InsertChars" imagename="specialchar" />  
    46.   <item type="image" name="InsertEmotion" imagename="emotion" />  
    47.   <item type="separator" />  
    48.   <item type="image" name="ImageGalleryByBrowsing" imagename="image" />  
    49.   <item type="image" name="InsertImage" imagename="eximage" />  
    50.   <item type="image" name="InsertFlash" imagename="flash" />  
    51.   <item type="image" name="InsertMedia" imagename="media" />  
    52.   <item type="image" name="InsertDocument" imagename="document" />  
    53.   <item type="image" name="InsertTemplate" imagename="template" />  
    54.   <item type="image" name="YouTube" />  
    55.   <item type="g_end" />      
    56.   <item type="linebreak" />  
    57.   <item type="g_start" />  
    58.   <item type="dropdown" name="CssClass" width="70" RenderItemBorder="true" text="[[CssClass]]"  
    59.    command="CssClass" />  
    60.   <item type="dropdown" name="CssStyle" width="70" RenderItemBorder="true" text="[[CssStyle]]"  
    61.    command="CssStyle" />  
    62.   <item type="dropdown" name="FormatBlock" width="70" RenderItemBorder="true" text="[[Paragraph]]"  
    63.    command="FormatBlock" />  
    64.   <item type="g_end" />  
    65.   <item type="holder" name="insertcustombutonhere" />  
    66.  </toolbars>  
    67. </configuration>  

     

     
    add  <item type="linebreak" /> before this group.
     
    Keep me posted

    asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
    Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
    asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
    asp wysiwyg html editor: http://cutesoft.net/ASP
    asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
    Live Support: http://cutesoft.net/live-support/default.aspx

  •  06-11-2009, 12:09 PM 53020 in reply to 53010

    Re: 6.2/6.3/6.4 issue with CuteEditorDropDown class in IE7

    You must have missed the comment above... we don't want to force the toobar onto 2 lines as in some cases the width is wider for the editor on other pages. so the drop downs can fit on the first line.
     
    Also if we add a style to the page of
    <style type="text/css">
      .CuteEditorDropDown {width:71px;}
     </style> 
     
    so just increasing the width of the drop down by 1px the panel flows onto the next line... so can only assume it's an issue with css and widths?
     
     
     
  •  06-11-2009, 12:48 PM 53025 in reply to 53020

    Re: 6.2/6.3/6.4 issue with CuteEditorDropDown class in IE7

    If you want the drop downs fit on the first line, you can increase the width of editor.

    asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
    Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
    asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
    asp wysiwyg html editor: http://cutesoft.net/ASP
    asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
    Live Support: http://cutesoft.net/live-support/default.aspx

  •  06-12-2009, 3:21 AM 53061 in reply to 53025

    Re: 6.2/6.3/6.4 issue with CuteEditorDropDown class in IE7

    I'm sorry but you seem to be skirting the issue here... the width needs to be as it is... but the dropdowns need to know to flow onto the next line without a linebreak...
    You seem unwilling to say that it is an issue with your css, and that at this time the fix is to either have a linebreak or increase the width some how.
    I could live with that... in the hope that you are able to add to your list of bugs/ undocumented features that should be fixed in the next iteration...
    We've not had this issue in v5 releases, so v6 seems to be the cause?
  •  06-24-2009, 1:16 AM 53442 in reply to 53061

    Re: 6.2/6.3/6.4 issue with CuteEditorDropDown class in IE7

    Hi,

    I am trying to resolve this issue from past 1month. But no success. This is the issue I get in iframe, if page is opened it appears ok.

    Can't find any solution till now.

    Please help.

    Thanks and Regards

    Yuvika

     

  •  06-24-2009, 1:19 AM 53443 in reply to 53061

    Re: 6.2/6.3/6.4 issue with CuteEditorDropDown class in IE7

    Hi,
     
    I am facing this issue from past 2 month and could not find any solution for this. The css does not work in iframe in IE7. Dont know what is restricting it to be applied or the code to apply css is missin. I opened the source of page the css exists but is not applied.
    Please help.!!!!!!!!!!.Its really urgent.
     
    Thanks
    Yuvika
  •  06-24-2009, 11:05 PM 53486 in reply to 53443

    Re: 6.2/6.3/6.4 issue with CuteEditorDropDown class in IE7

    I resolved this issue by adding the 2 style's on my page.

    <style>

     

    .CuteEditorDropDown

    {

    float: left;

    border: #dddddd 1px solid;

    }

    .CuteEditorDropDown Span

    {

    font: normal 11px Tahoma;

    }

    </style>

    Issue resolved.

    Thanks and Regards
    Yuvika
  •  06-24-2009, 11:07 PM 53487 in reply to 53486

    Re: 6.2/6.3/6.4 issue with CuteEditorDropDown class in IE7

    Thanks to mike.chambers
    I got my solution just because of his post.
     
    Thanks a lot.
View as RSS news feed in XML