Support forums » Products » Cute Editor for .NET » Re: Editor refuses to be constrained by parent <div> width

Editor refuses to be constrained by parent <div> width

Last post 07-19-2007, 3:51 AM by simonehutchinson. 6 replies.
Sort Posts: Previous Next

  •  06-29-2007, 10:44 AM 31185

    Editor refuses to be constrained by parent <div> width

    Reply Quote
    Hello,
     
    I am working on a website which is being integrated into our CMS, and we have placed an editor in each major content location of the web page. For example there is an editor in the header of the layout for adding banner images; there is a second instance of the same editor in the sidebar column and there is a third unique editor in the main content area.
     
    My problem is that the editors will not be constrained by the width, set in CSS, of their containers. Their containers are <div> elements.
     
     
    I cannot set the width on the editor's themselves (on <CE:...>) because we use the same instance of the editor in different sections of the web-page layout.
     
    1. the banner on the home page - needs to be 100% here
    2. the banner on level 2+ plages - the editor needs to be 591px here
    3. the sidebar - the editor needs to be 170px here
     
     
    How can I make sure that my CSS has the final word on how wide the editor is?
     
     
     
     
     
    Regards,
     
    Simone

  •  06-29-2007, 11:00 AM 31187 in reply to 31185

    Re: Editor refuses to be constrained by parent <div> width

    Reply Quote
    Simone,
     
    Try Set Editor.Width property to 100%.
     
     

    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

  •  07-06-2007, 10:17 AM 31337 in reply to 31187

    Re: Editor refuses to be constrained by parent <div> width

    Reply Quote
    Thanks Adam, but where can I find that property? Which file is it in?

    Our developer is on holiday and I am doing what I can to carry on with this project until he gets back...I don't know how to programmatically set the width so I hope I can do it manually in a configuration file or similar...!

    Regards,

    Simone

  •  07-06-2007, 11:32 AM 31343 in reply to 31337

    Re: Editor refuses to be constrained by parent <div> width

    Reply Quote
    Did you mean this:

    <CE:Editor id="Editor1" Width="100%" runat="server" ></CE:Editor>

    I have done this already and it does not work. This is my code:

    <CE:Editor Width="100%" DisableAutoFormatting="true" EnableContextMenu="false" id="txtContent" Text="" runat="server" AutoConfigure="Full"  AutoParseClasses="false"></CE:Editor>

    Could it be caused by the <%asp%> code on the web page template file, that pulls in the editor, has width="100%" too?

    So stuck!.

  •  07-06-2007, 1:30 PM 31345 in reply to 31343

    Re: Editor refuses to be constrained by parent <div> width

    Reply Quote
    <CE:Editor id="Editor1" Width="100%" runat="server" ></CE:Editor> Should resolve the problem.
     
    If the problem exists, you may have problems with the container width.
     
    Try create a simple aspx 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

  •  07-19-2007, 3:45 AM 31690 in reply to 31345

    Re: Editor refuses to be constrained by parent <div> width

    Reply Quote
    Hi Adam,

    Apologies for the late reply.

    I have since discovered through testing that it is the toolbars of the editors that are causing the problem. I removed individual toolbar buttons and found that the editor does not seem to be able to make the individual buttons wrap to a new row underneath if the width of the editor requires. I noticed that the buttons are grouped in the Autoconfigure/Full.config file - I even tried changing the groupings by putting only say 3 buttons in a group, thinking that if the group was say 8 buttons, it would refuse to wrap any of those onto a new line. However regrouping did not fix the issue.

    When I removed many buttons out of the XML, there was still a problem in that the 'Normal' 'HTML' 'Preview' '+' and '-' buttons in the footer of the editor were too wide for my HTML & CSS layout.

    How can I tell the editor to wrap buttons onto a new row if required? Can I do this using CSS? For example, declaring all the buttons to be inline.


    Regards,
    Simone

  •  07-19-2007, 3:51 AM 31691 in reply to 31690

    Re: Editor refuses to be constrained by parent <div> width

    Reply Quote
    Hi Adam again,

    I've decided to solve this issue by moving my menu (as seen on the right hand side in the above screenshot) to the left.

    Seems the obvious thing to do...

    Thanks for your help.

    Simone
View as RSS news feed in XML