Unexpected menu layout change

Last post 06-02-2008, 5:03 PM by MITFrog. 8 replies.
Sort Posts: Previous Next
  •  05-15-2008, 1:16 PM 40424

    Unexpected menu layout change

    I upgraded to the latest editor today, and discoverd an unexpected menu layout change.  Note that I have my own file for defining the menu layout, so that file did not change when I updated the cutesoft files.
     
    Here is what the menu layout looked like before the update:
     
     
    and here is how it looked after:
     
     
    Below is the contents of the config file.  Why did the layout change, and how can I get it back to where it was?
     
    <?xml version="1.0" encoding="utf-8" ?>
    <configuration>
      <codeviewToolbars>
        <item type="g_start" />
        <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" />
        <item type="image" name="SelectNone" />
        <item type="g_end" />
      </codeviewToolbars>
      <toolbars>
        <item type="g_start" />
        <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="Break" />
        <item type="image" name="InsertParagraph" imagename="Paragraph" />
        <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="UniversalKeyboard" imagename="keyboard" />
        <item type="separator" />
        <item type="image" name="ImageGalleryByBrowsing" imagename="image" />
        <item type="image" name="InsertImage" imagename="eximage" />
        <item type="image" name="InsertDocument" imagename="document" />
        <item type="image" name="InsertTemplate" imagename="template" />
        <item type="image" name="Help" />
        <item type="g_end" />
        <item type="linebreak" />
        <item type="g_start" />
        <item type="image" name="Bold" />
        <item type="image" name="Italic" />
        <item type="image" name="Underline" imagename="under" />
        <item type="image" name="JustifyLeft" imagename="left" />
        <item type="image" name="JustifyCenter" imagename="center" />
        <item type="image" name="JustifyRight" imagename="right" />
        <item type="image" name="JustifyFull" />
        <item type="image" name="JustifyNone" />
        <item type="image" name="RemoveFormat" imagename="unformat" />
        <item type="forecolor" />
        <item type="backcolor" />
        <item type="g_end" />
        <item type="g_start" />
        <item type="image" name="InsertOrderedList" imagename="numlist" />
        <item type="image" name="InsertUnorderedList" imagename="bullist" />
        <item type="image" name="Indent" />
        <item type="image" name="Outdent" />
        <item type="image" name="Superscript" />
        <item type="image" name="Subscript" />
        <item type="image" name="StrikeThrough" imagename="strike" />
        <item type="image" name="Ucase" />
        <item type="image" name="Lcase" />
        <item type="g_end" />
        <item type="g_start" />
        <item type="image" name="InsertHorizontalRule" imagename="rule" />
        <item type="image" name="InsertLink" imagename="link" />
        <item type="image" name="Unlink" />
        <item type="image" name="InsertAnchor" imagename="anchor" />
        <item type="image" name="ToggleBorder" imagename="borders" />
        <item type="image" name="SelectAll" />
        <item type="image" name="SelectNone" />
        <item type="g_end" />
        <item type="linebreak" />
        <item type="g_start" />
        <item type="dropdown" name="FormatBlock" width="70" RenderItemBorder="true" text="[[Paragraph]]"
       command="FormatBlock" />
        <item type="dropdown" name="FontName" width="110" text="[[FontName]]" command="FontName" />
        <item type="dropdown" name="FontSize" width="60" text="[[FontSize]]" command="FontSize" />
        <item type="g_end" />
        <item type="g_start" />
        <item type="table" />
        <item type="image" name="InsertRowTop" imagename="insrow_t" />
        <item type="image" name="InsertRowBottom" imagename="insrow_b" />
        <item type="image" name="DeleteRow" imagename="delrow" />
        <item type="image" name="InsertColumnLeft" imagename="inscol_l" />
        <item type="image" name="InsertColumnRight" imagename="inscol_r" />
        <item type="image" name="DeleteColumn" imagename="delcol" />
        <item type="image" name="EditRow" imagename="row" />
        <item type="image" name="EditCell" imagename="cell" />
        <item type="image" name="MergeRight" imagename="mrgcell_r" />
        <item type="image" name="MergeBottom" imagename="mrgcell_b" />
        <item type="image" name="HorSplitCell" imagename="spltcell_r" />
        <item type="image" name="VerSplitCell" imagename="spltcell_b" />
        <item type="g_end" />
        <item type="g_start" />
        <item type="image" name="BlockDirLTR" imagename="left_to_right" />
        <item type="image" name="BlockDirRTL" imagename="right_to_left" />
        <item type="image" name="BoxFormatting" imagename="box" />
        <item type="g_end" />
      </toolbars>
    </configuration>
  •  05-15-2008, 1:52 PM 40428 in reply to 40424

    Re: Unexpected menu layout change

    MITFrog,
     
    Please open CuteSoft_Client\CuteEditor\Themes\Office2007\style.css and replace class CuteEditorGroupMenu, CuteEditorGroupMenuCell and CuteEditorGroupImage with the following code:
     
    #EditorID .CuteEditorGroupMenu {float: left;background-image: url(Load.ashx?type=theme&file=horizontal.background.gif&theme=Office2003); background-repeat: repeat-x; background-position: bottom; height:25px; vertical-align:middle;border-bottom : 1px solid  #c0c0c0; border-left : 1px solid  #c0c0c0;border-right: 1px solid  #eeeeee; }
    #EditorID .CuteEditorGroupMenuCell{float:left;background-image: url(images/horizontal.start.gif); background-repeat:no-repeat; background-position:left center;padding-left:6px;}
    #EditorID .CuteEditorGroupImage { margin:0; float:left;}
    Or just simply download the control again.
     
     

    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

  •  05-15-2008, 7:23 PM 40441 in reply to 40424

    Re: Unexpected menu layout change

    Adam:
     
    I assume the changes were to the 2003 styles, but it did not make any difference.
     
    Eric
  •  05-15-2008, 7:32 PM 40442 in reply to 40441

    Re: Unexpected menu layout change

    Eric,
     
    Can you download the control again?
     
    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

  •  05-21-2008, 1:05 PM 40639 in reply to 40442

    Re: Unexpected menu layout change

    Adam:
     
    I downloaded the control today (5/21) and it still does the same thing.
     
    Eric
  •  05-21-2008, 1:26 PM 40640 in reply to 40639

    Re: Unexpected menu layout change

    Eric,
     
    Can you create a simple aspx page showing the problems and send it to me?
     

    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

  •  05-22-2008, 12:55 PM 40680 in reply to 40640

    Re: Unexpected menu layout change

    Adam:
     
    You can find the page at http://eduplex.org/CuteEditor.aspx.  The code used for the editor is as follows:
     
    <CE:Editor ID="ceContentEditor" runat="server" BreakElement="P" ConfigurationPath="~/CuteSoft_Client/CuteEditor/Configuration/Nerd3.config" EditorOnPaste="PasteWord" Height="500px" HelpUrl="en/help/WYSIWYGLevel3Help.aspx" SecurityPolicyFile="eduplex.config" Width="780px"> <FrameStyle BackColor="White" BorderColor="#DDDDDD" BorderStyle="Solid" BorderWidth="1px CssClass="CuteEditorFrame" Height="100%" Width="100%" /> </CE:Editor

    The problem appears to be in the IE implementation file.  Before uploading the new one, the layout was correct.  Once I uploaded the new one, it changed to the one shown in the earlier post.  (I was testing on my development machine, so I had to upload the new version of the editor to the website).

    Can I just use the old IE implementation file for now without causing other problems?


  •  05-22-2008, 5:12 PM 40685 in reply to 40680

    Re: Unexpected menu layout change

    Please open you style sheet  http://eduplex.org/App_Themes/EduPlex/StyleSheet.css
     
    and change:
     
    div.centered table
    {
    margin: 0 auto;
    text-align: left;
    }
     
    to:
     
    div.centered table
    {
    margin: 0 auto;
    text-align: left;
    }

    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-02-2008, 5:03 PM 41009 in reply to 40685

    Re: Unexpected menu layout change

    Adam:
     
    While that "fixes" the problem in that example, it does not fix it in the actual case (I have been unable to determine why).
     
    However, the code you want me to remove is required for Safari compatibility.  For whatever reason, Safari will not properly center things, and this code fixes the problem.
     
    I have temporarily replaced the IE implementation file from an older version, which fixes the problem, but I suspect that there are changes other than the one that is causing me trouble that will show up somewhere (for example, in the font color picker, clicking on one of the tabs opens a new window rather than changing the contents of the already-open window - probably due to using the old javascript file).  I have no idea why the older implementation file works and the new one does not.  It would be very helpful if you could figure out why the old one works and the new one does not.  Note:  there is no problem with this in Safari, only in IE.  I would attempt to figure it out, but your have obfuscated the javascript code (smart thinking, but keeps me from working on the problem).
     
    Thanks,
     
    Eric
     
View as RSS news feed in XML