Support forums - Customizing classes dropdown per portal or page

Support forums » Products » Cute Editor for .NET » Re: Customizing classes dropdown per portal or page

Customizing classes dropdown per portal or page

Last post 01-15-2009, 3:53 AM by yuvika. 10 replies.


	Sort Posts: Previous Next

08-16-2005, 5:53 PM 9645

jeewun
Joined on 08-16-2005
Posts 5

Customizing classes dropdown per portal or page

Reply Quote

Is there a way to customize the dropdown menu on a per portal basis? For example have the class list styles A-N for portal 1 and styles O-Z for portal 2. If so, can this be done in a manner that's somewhat dynamic? I don't want to be changing config files or something everytime I add a new portal.

Or an alternative...is there a way to have the class dropdown populate with the classes that are being loaded on the current page?

Thanks!

08-16-2005, 6:05 PM 9646 in reply to 9645

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

Re: Customizing classes dropdown per portal or page

Reply Quote

>>Is there a way to customize the dropdown menu on a per portal basis?

Yes.

Please check this article:

http://cutesoft.net/developer+guide/Class_dropdown_Customization.htm

>>Or an alternative...is there a way to have the class dropdown populate with the classes that are being loaded on the current page?

Yes. If you set Editor.AutoParseClasses Propertyto true, Cute Editor should automagically parse the CSS classes from EditorWysiwygModeCss and populate all items into CssClass dropdown.

Hope it helps.

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

08-16-2005, 7:22 PM 9647 in reply to 9646

jeewun
Joined on 08-16-2005
Posts 5

Re: Customizing classes dropdown per portal or page

Reply Quote

>>Or an alternative...is there a way to have the class dropdown populate with the classes that are being loaded on the current page?
**Yes. If you set Editor.AutoParseClasses Propertyto true,

Where is property located? Which file?

**Cute Editor should automagically parse the CSS classes from EditorWysiwygModeCss and populate all items into CssClass dropdown.

What is "EditorWysiwygModeCss", does this mean it will list all .css styles on the current page in the dropdown? For example, all styles listed in...defalut.css, skin.css, myCustomSkin.css, container.css, myCustomContainer.css, portal.css, etc. If so, is there a way to limit this? It would be quite a long dropdown list otherwise.

Ideally, I would just like to somehow "point" cuteSoft editor to a .css file that contains the styles I want the dropdown populated with.

Thanks for the help!

08-16-2005, 8:28 PM 9650 in reply to 9647

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

Re: Customizing classes dropdown per portal or page

Reply Quote

Editor.EditorWysiwygModeCss Property

Specifies the location of the style sheet that will be used by the editable area. Multiple Style Sheets are supported. Example EditorWysiwygModeCss="example.css,~/portal.css,/default.css"

>>Ideally, I would just like to somehow "point" cuteSoft editor to a .css file that contains the styles I want the dropdown populated with.

Yes.

This is an example:

<%@ Page Language="C#"%>
<%@ Register TagPrefix="CE" Namespace="CuteEditor" Assembly="CuteEditor" %>

<html>
    <head>
        <title>ASP and ASP.NET WYSIWYG Editor - Default Configuration </title>
        <link rel="stylesheet" href="../example.css" type="text/css" />
    </head>
    <body>
        <form runat="server">    
            <h2>Default Configuration</h2>
            <CE:Editor id="Editor1" EditorWysiwygModeCss="../example.css" runat="server" ></CE:Editor>
        </form>
    </body>
</html>

08-16-2005, 8:34 PM 9653 in reply to 9650

jeewun
Joined on 08-16-2005
Posts 5

Re: Customizing classes dropdown per portal or page

Reply Quote

Ah ha, I think I know where we're getting confused, maybe... =)

I am installing/evaluating CuteSoft for use with DNN 3. So, can I still do this for DNN?

>>Ideally, I would just like to somehow "point" cuteSoft editor to a .css file that contains the styles I want the dropdown populated with. **On a per portal basis?

Thanks again!

08-16-2005, 8:41 PM 9654 in reply to 9653

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

Re: Customizing classes dropdown per portal or page

Reply Quote

I didn't realize you are using Cute Editor for DNN.

>>So, can I still do this for DNN?

No, the Cute Editor provider already took care of this issue. You don't need to create/configure this property by yourself.

08-16-2005, 8:44 PM 9655 in reply to 9654

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

Re: Customizing classes dropdown per portal or page

Reply Quote


                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
                cntlCE.EditorWysiwygModeCss = s1 & "," & s2 & "," & s3 & ", " & s4

In the above code, Cute Editor automatically pick the style sheet based on the your portal, tab.

Hope it helps.

08-16-2005, 9:11 PM 9664 in reply to 9655

jeewun
Joined on 08-16-2005
Posts 5

Re: Customizing classes dropdown per portal or page

Reply Quote

Cool, thanks Adam! Sorry about that, forgot that DNN is not all that CuteSoft is used for! haha!

That snippet of code is just what I needed. What file did you get that from? I'd like to modify it so it only picks up skin.css

I was initially trying to add a style to the dropdown list by including it in my container.css which is why I wasn't seeing it populated.

Some other things worth noting for any other DNN users that may read this...

1.) The dropdown list won't pick up any styles by ID. Example: #myStyle {font-size:12px;}
2.) UL.myStyle {font-size:12px;} won't make it to the dropdown list either.
3.) .myStyle {font-size:12px;} WILL make it to the dropdown list.
4.) .myBox .myStyle {font-size:12px} also WILL make it to the dropdown list.

Thanks!
-Tim

08-18-2005, 4:48 AM 9726 in reply to 9664

jeewun
Joined on 08-16-2005
Posts 5

Re: Customizing classes dropdown per portal or page

Reply Quote

** BUMP **

>> That snippet of code is just what I needed. What file did you get that from? I'd like to modify it so it only picks up skin.css

-Tim

08-18-2005, 1:33 PM 9738 in reply to 9726

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

Re: Customizing classes dropdown per portal or page

Reply Quote

Please check the CEHtmlEditorProvider.vb file.

You can find it at ~\Providers\HtmlEditorProviders\CEHtmlEditorProvider\.

Keep me posted.

01-15-2009, 3:53 AM 47760 in reply to 9738

yuvika
Joined on 12-02-2008
Posts 52

Re: Customizing classes dropdown per portal or page

Reply Quote

I am using cute editor in which i have 4 dropdown's togther. The dropdowns appear correct in browser, but design gets destrorted when i open my page from salesforce.com. How can i show all these dropdowns in 1 row???.The dropdown appears as shown in fig below, whereas the toolbar width is more the dropdown shifts to next line after some width what culd be the issue???

Anyone can help??

Thanks and Regards

Yuvika