width of cute editor

Last post 04-29-2010, 3:02 AM by gottwald. 9 replies.
Sort Posts: Previous Next
  •  04-19-2010, 4:11 AM 60209

    width of cute editor

    I am having problems (again) to set the width of cute editor. When I set it in the form, there is no reaction on any change of the width. This is the code
     
    '------------Beginn Texteditorfeld----------------
    Dim editor
     Set editor = New CuteEditor
     editor.ID = "detail"
     editor.Text = objRS.Fields("detail")
     editor.FilesPath = "/cute_editor_6"
     editor.EditorWysiwygModeCss = "../styles/main_style.asp"
     editor.ConfigurationPath = "/cute_editor/Configuration/kreartiv.config"
     'editor.ConfigurationPath = "/cute_editor/Configuration/einfach.config"
     'editor.ImageGalleryPath = "/Uploads"
     'editor.MaxImageSize = 50
     'editor.AutoConfigure = "Simple"
     'editor.Template= "Bold,Italic,Underline"
     'editor.ThemeType = "Office2007"
     editor.CustomCulture = "de-de"
     editor.EditorOnPaste = "PasteCleanHTML"
     'editor.AllowPasteHtml = False
     editor.BreakElement = "p"
     editor.FullPage = true
     editor.Width = 750
     editor.Height = 300
     editor.Draw()
    '------------Ende Texteditorfeld----------------
     
    I am using various divs in the style sheet of the html page that finally displays the input. So there may be an override done.
     
    Can anyone help to set the correct with. Which other parameters control the width. Where can I start?
     
    Thanks for any help.

    Volker Gottwald
  •  04-19-2010, 8:47 AM 60215 in reply to 60209

    Re: width of cute editor

    Dear gottwald,
     
    Please try the following code:
     
    Dim editor
     Set editor = New CuteEditor
     editor.ID = "detail"
     editor.Text = objRS.Fields("detail")
     editor.FilesPath = "/cute_editor_6"
     editor.EditorWysiwygModeCss = "../styles/main_style.asp"
     editor.ConfigurationPath = "/cute_editor/Configuration/kreartiv.config"
     'editor.ConfigurationPath = "/cute_editor/Configuration/einfach.config"
     'editor.ImageGalleryPath = "/Uploads"
     'editor.MaxImageSize = 50
     'editor.AutoConfigure = "Simple"
     'editor.Template= "Bold,Italic,Underline"
     'editor.ThemeType = "Office2007"
     editor.CustomCulture = "de-de"
     editor.EditorOnPaste = "PasteCleanHTML"
     'editor.AllowPasteHtml = False
     editor.BreakElement = "p"
      'editor.FullPage = false
     editor.Width = 750
     editor.Height = 300
     editor.Draw()

    Regards,
    Eric

     
     
  •  04-19-2010, 12:59 PM 60227 in reply to 60215

    Re: width of cute editor

    I tried it. no change. This is how it looks:
     
     
    o

    Volker Gottwald
  •  04-23-2010, 7:11 AM 60347 in reply to 60227

    Re: width of cute editor

    Dear gottwald,
     
    If change your code to:
     
    Dim editor
     Set editor = New CuteEditor
     editor.ID = "detail"
     editor.CustomCulture = "de-de"
     editor.EditorOnPaste = "PasteCleanHTML"
     editor.BreakElement = "p"
     editor.Width = 750
     editor.Height = 300
     editor.Draw()
     
    Can you test whether it works?  You can comment some of your code and then test it, find the exactly line which leads to this issue.
     
    Regards,
    Eric
  •  04-23-2010, 12:10 PM 60354 in reply to 60347

    Re: width of cute editor

    This did not help either.
     
    What I found out: When I disable the style sheet of the page, the cute editor field has the correct size and reacts on changing the size.
     
    So my conclusion is, that there is something in my styleshhet that overrides some cute editor settings. I assume its a div. However I see nothing that wide in my style sheets. (The cute editor field inmy page is 1030 wide).
     
    Analyzing the source code I see a few div's used. But when I define those in my stylesheet I see no change.
     
    For the page I use a different stylesheet than for cute editor content. Which style sheet defines the width. I assume it's the one for the page. Correct?
     
    I will try to solve the problem. However you could help telling me which of the divs or what ever defines the width of cute editor.
     
    Thanks
     
    PS: I had this correct soem month ago, but then I must have changes something in my stylesheet and I don't find what this change was.
     
     

    Volker Gottwald
  •  04-23-2010, 4:26 PM 60360 in reply to 60354

    Re: width of cute editor

    gottwald:
    This did not help either.
     
    What I found out: When I disable the style sheet of the page, the cute editor field has the correct size and reacts on changing the size.
     
    So my conclusion is, that there is something in my styleshhet that overrides some cute editor settings. I assume its a div. However I see nothing that wide in my style sheets. (The cute editor field inmy page is 1030 wide).
     
    Analyzing the source code I see a few div's used. But when I define those in my stylesheet I see no change.
     
    For the page I use a different stylesheet than for cute editor content. Which style sheet defines the width. I assume it's the one for the page. Correct?
     
    I will try to solve the problem. However you could help telling me which of the divs or what ever defines the width of cute editor.
     
    Thanks
     
    PS: I had this correct soem month ago, but then I must have changes something in my stylesheet and I don't find what this change was.
     
     
     
    gottwald,
     
    Can you post the code of your style sheet?
     

    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

  •  04-24-2010, 3:45 AM 60369 in reply to 60360

    Re: width of cute editor

    Here is a link to my style sheets. It has variables that are called from an other file, which is listed below the stylesheet.
     
    form_style.asp - this file is used in the form/page that calles cute editor
    main_style.asp - this is the style used in cute editor
    style_variablen.asp - this ist the file with the variables used in both files
     
    When you download these file with "save target as" I just recognized that the variables are already converted. So here are all the three files in one zip file. May be this is better to look at.
     
    I hope this helps to identify the problem. I did not see it ...
     
     
     
     

    Volker Gottwald
  •  04-27-2010, 1:32 PM 60472 in reply to 60369

    Re: width of cute editor

    no help?


    Volker Gottwald
  •  04-28-2010, 3:11 PM 60522 in reply to 60472

    Re: width of cute editor

    <!-- #include file = "CuteEditor_Files/include_CuteEditor.asp" -->
    <html> 
        <head>
     </head>
     <body>
      <form name="theForm" action="test.asp" method="post" ID="Form2">
      <%
       Dim editor
       Set editor = New CuteEditor
      
       editor.ID = "Editor1"
       editor.Text = "Hello workld"
       editor.FilesPath = "CuteEditor_Files"
       editor.ImageGalleryPath = "/Uploads"
       editor.Width = 750
       editor.Draw()

       ' Request.Form(ID) access from other page

      %>
      <br>
      <input type="submit" value="Submit"  ID="Submit1" NAME="Submit1">
      </form>
     </body>
    </html>
     
    Please try the above code and add your style sheet code steps by steps.

    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

  •  04-29-2010, 3:02 AM 60534 in reply to 60522

    Re: width of cute editor

    Thanks,
     
    This test and the analysis triggered by it helped to solve the problem and I found the cause for the strange beaviour in my style sheet.
     
    The initial test worked fine with a few adoptions to my situation. Then I ncluded the stylesheet and I had the same problem of a too wide text field gain. One thing was different though: The icon bars where all equally wide and each in a row of it's own. This triggered the idea of "something is wrong with 'table' in my style". (I knew from earlier analysis of the source code that this was done with tables). I had a style "table" defined which looked like this
     
    table
     {
     border: 0px none;
     width: 600px;
     vertical-align: top;
     margin-left: 0px;
     font-size: <%response.write str_font_size_body %>;
     margin-left: 10px;
     }
     
    600 px was exactly the width of the icon bar ...
     
    So I changed the width to auto:
     
    table
     {
     border: 0px none;
     width: auto;
     vertical-align: top;
     margin-left: 0px;
     font-size: <%response.write str_font_size_body %>;
     margin-left: 10px;
     }
     
    And this was it ...
     
    Thanks again. And the key learning: Do not define the width for "table" in your styles sheet when you use CuteEditor!
     

    Volker Gottwald
View as RSS news feed in XML