Support forums - width of cute editor

Support forums » Products » Cute Editor for ASP » Re: width of cute editor

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

gottwald
Joined on 03-20-2006
Posts 22

width of cute editor

Reply Quote

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

Eric
Joined on 08-05-2009
Posts 1,269

Re: width of cute editor

Reply Quote

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

gottwald
Joined on 03-20-2006
Posts 22

Re: width of cute editor

Reply Quote

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

Volker Gottwald

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

Eric
Joined on 08-05-2009
Posts 1,269

Re: width of cute editor

Reply Quote

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

gottwald
Joined on 03-20-2006
Posts 22

Re: width of cute editor

Reply Quote

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

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: width of cute editor

Reply Quote

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

gottwald
Joined on 03-20-2006
Posts 22

Re: width of cute editor

Reply Quote

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

gottwald
Joined on 03-20-2006
Posts 22

Re: width of cute editor

Reply Quote

no help?

Volker Gottwald

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

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: width of cute editor

Reply Quote

<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.

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

gottwald
Joined on 03-20-2006
Posts 22

Re: width of cute editor

Reply Quote

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