Support forums - Editor Background Color

Support forums » Products » Cute Editor for .NET » Re: Editor Background Color

Editor Background Color

Last post 04-14-2005, 3:29 PM by Adam. 12 replies.


	Sort Posts: Previous Next

04-08-2005, 11:37 PM 5513

jhoelz
Joined on 04-06-2005
Posts 63

Editor Background Color

Reply Quote

How do I make the background color something other that the <body> of my skin.css file?

04-09-2005, 9:58 AM 5520 in reply to 5513

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

Re: Editor Background Color

Reply Quote

http://cutesoft.net/example/backgroundimage.aspx

Editor setting:

<CE:Editor EditorWysiwygModeCss="backgroundimage.css" runat="server"
></CE:Editor>

backgroundimage.css:
body
{
background-image:url("/images/splash.jpg") ;
background-repeat:no-repeat;
background-position: center;
background-color: red
}

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-09-2005, 11:14 PM 5525 in reply to 5520

jhoelz
Joined on 04-06-2005
Posts 63

Re: Editor Background Color

Reply Quote

Sorry, but Huh? Ya lost me.

Not interested in the image, so you don't need to go into that, I understand I can set the color in the same way, but I have no idea where to find and or put the stuff above.

And while I'm at it, where can I set the default height and width?

Can this stuff be defined in the skin.css file at all?

What file do I need to edit to define the cssclass for the tags?

04-10-2005, 5:18 PM 5540 in reply to 5525

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

Re: Editor Background Color

Reply Quote

jhoelz,

>>Not interested in the image,

backgroundimage.css:

body
{
~~background-image:url("/images/splash.jpg") ;~~
background-repeat:no-repeat;
background-position: center;
background-color: red
}

We will add a new property in the next minor version which allows you set editor background color.

>>And while I'm at it, where can I set the default height and width?

Do you want to change the editor width and height? You need to change the Cute Editor provider for DNN3.

>>Can this stuff be defined in the skin.css file at all?

What do you want to define in the skin.css? The editor background color? I don't think that's a good idea.

>>What file do I need to edit to define the cssclass for the tags?

Editor provider for DNN. The file name is CEHtmlEditorProvider.vb.

Dim s1, s2, s3, s4 As String

            s1 = Common.Globals.HostPath & "default.css" 'default css
            s2 = PortalSettings.ActiveTab.SkinPath & "skin.css" 'skin css
            s3 = (PortalSettings.ActiveTab.SkinSrc).Substring(0, PortalSettings.ActiveTab.SkinSrc.LastIndexOf("/")) & "/skin.css"
            s4 = PortalSettings.HomeDirectory & "portal.css" 'portal stylesheet

            'initialize the control
            If cntlCE.EditorWysiwygModeCss = "" Then
                cntlCE.EditorWysiwygModeCss = s1 & "," & s2 & "," & s3 & ", " & s4
            End If

04-10-2005, 5:29 PM 5541 in reply to 5540

jhoelz
Joined on 04-06-2005
Posts 63

Re: Editor Background Color

Reply Quote

Thanks for the update.

So what your saying is this requires a recompile......
Just my opinion, but both these settings really need to be able to be set without a recompile. I for one don't have the programing background to even know how to do it. Guess I need to learn.

Right now the editor blows all my fixed width sites to wide, (set to 765 px for 800x600 people) looks like heck. And on my sites with black background colors it's un-usable.

Is there a reason why setting the color with the skin or any other portal specific css file would be bad? With DNN and child sites you must be able to make settings by site, not globally.

Thanks,
Jack

04-10-2005, 9:22 PM 5545 in reply to 5541

Bunce
Joined on 01-31-2005
Posts 56

Re: Editor Background Color

Reply Quote

Jack, setting the height and width of the editor doesn't require a recompile.

This is defined in the user control (.ascx) file which is calls the eidtor. In the case of DNN it would be in the user control file of the module that is being loaded. You can change this, save the file and it will be updated automatically.

You have to remember that the editor can only integrate with DNN using the properties of the provider that the dnn developers themselves set. Its not the job of the editor code to over-ride these.

In terms of settings the background colour of the editor, it would be nice to have a property which could be set to do this, which Adam has stated will be added to the next minor version.

I don't think a css file is the place to set them though. All other settings related to the editor are placed either in the provider or .config files, which I imagine is where this setting will go too.

Cheers,

04-10-2005, 10:22 PM 5548 in reply to 5545

jhoelz
Joined on 04-06-2005
Posts 63

Re: Editor Background Color

Reply Quote

Andrew, I don't think thats the case with the latest download.

Here is the code from the EditHtml.ascx file...
<table cellspacing="2" cellpadding="2" summary="Edit HTML Design Table" border="0">
    <tr valign="top">
        <td colspan="2"><dnn:texteditor id="teContent" runat="server" height="400" width="600"></dnn:texteditor></td>
    </tr>
    <tr height="10"><td></td></tr>
    <tr>
        <td class="SubHead"><dnn:label id="plDesktopSummary" runat="server" controlname="txtDesktopSummary" suffix=":"></dnn:label></td>
    </tr>
    <tr>
        <td><asp:textbox id="txtDesktopSummary" runat="server" textmode="multiline" rows="10" width="600px" columns="75" cssclass="NormalTextBox"></asp:textbox></td>
    </tr>
</table>

You would think that would make the editor 600px wide. It does with FTB, but has no impact on CE.

Any other ideas?

04-10-2005, 11:01 PM 5549 in reply to 5548

Bunce
Joined on 01-31-2005
Posts 56

Re: Editor Background Color

Reply Quote

hmm, maybe it can be set in the provider itself, which is over-riding it..

I sort of recall the DNN core saying they will expose these propertes for developers, but I couldn't recall if they did or not.

I don't have to code handy at the moment, but will check it out and report back to ya.

Cheers,
A

04-11-2005, 10:05 AM 5566 in reply to 5549

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

Re: Editor Background Color

Reply Quote

Andrew and Jack,

Please download the latest provider. The width issue has been resolved.

Because the Cute Editor has many functions, the width value passed from the DNN 3 is too small for Cute Editor. So we disable the set funtion.

Now we changed it back.

Keep me posted.

04-11-2005, 2:58 PM 5585 in reply to 5566

jhoelz
Joined on 04-06-2005
Posts 63

Re: Editor Background Color

Reply Quote

Thanks Adam

I this works best, DNN'ers just need to modify the available items.

As we can't use the form menu with DNN anyway (more than 1 form tag mucks up the page) there is plenty of room after a bit of a re-arrange.

Thanks for fixing this up.

04-11-2005, 11:46 PM 5607 in reply to 5585

jhoelz
Joined on 04-06-2005
Posts 63

Re: Editor Background Color

Reply Quote

Adam,

Any idea on when the background issue will be fixed? I have many sites that use a background image or dark colors for the body and I can't install the editor until this is resolved.

04-12-2005, 3:53 PM 5644 in reply to 5607

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

Re: Editor Background Color

Reply Quote

jhoelz,

We will add a new propery in the next minor version.

04-14-2005, 3:29 PM 5736 in reply to 5644

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

Re: Editor Background Color

Reply Quote

This issue has been resolved in the version 4.0.0.7.

The new Editor.EditorBodyStyle Property has been introduced. This style will be applied to the Editor body.

For example:

<CE:Editor id="Editor1" runat="server" EditorBodyStyle="background-color:tan;Color:white"></CE:Editor>