CSS Stylesheet Craziness!

Last post 08-21-2008, 8:56 AM by Tugboat. 2 replies.
Sort Posts: Previous Next
  •  08-17-2008, 4:18 PM 43008

    CSS Stylesheet Craziness!

    Hi,
     
    Please help me save part of my sanity! I have been trying to get the CSS styles that show up in the WSIWYG editor to actually appear the same when the page renders for hours now. I have changed the web.config file to point to my skin's CSS file and removed any duplicate styles from the default.asp.
     
    When I create text and apply the Normal style, the font and font-size is reflected in the text/html module (the editor)  but it will not display the color attribute specified in the skin.css file when you view the actual page. So it appears it is pickiing up some of the attributes but not others. I'm really confused.
     
    When I look at the page source, it shows the default.css appearing before the skin.css. I thought the hierarchy was skin > default > portal.
     
    <link id="_Portals__default_" rel="stylesheet" type="text/css" href="http://cutesoft.net/Portals/_default/default.css" />
    <link id="_Portals__default_Skins_FBC_blue_" rel="stylesheet" type="text/css" href="http://cutesoft.net/Portals/_default/Skins/FBC_blue/skin.css" />
    <link id="_Portals__default_Containers_RKRoundedBorder_" rel="stylesheet" type="text/css" href="http://cutesoft.net/Portals/_default/Containers/RKRoundedBorder/container.css" />
    Where am I going wrong?
     
    Thx,
    Tugboat
  •  08-17-2008, 6:58 PM 43009 in reply to 43008

    Re: CSS Stylesheet Craziness!

    Tugboat,
     
    Are yob using the following property?
     

    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"
     
    Demo:
     

    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-21-2008, 8:56 AM 43128 in reply to 43009

    Re: CSS Stylesheet Craziness!

    Following is the htmlEditor Provider part of my web.config file.
     

    <add name="CEHtmlEditorProvider" type="DotNetNuke.HtmlEditor.CEHtmlEditorProvider, DotNetNuke.CEHtmlEditorProvider" providerPath="~\Providers\HtmlEditorProviders\CEHtmlEditorProvider\CuteSoft_Client\CuteEditor\"

    UseDNNRoleASFileNamePrefix="false"

    UseDNNRootImageDirectory="true"

    UseDNNDefaultWidth="false"

    ConvertHTMLTagstoLowercase="true"

    URLType="default"

    UseHTMLEntities="true"

    RenderRichDropDown="true"

    UseSimpleAmpersand="false"

    CustomCulture=""

    ThemeType=""

    DisableAutoFormatting="false"

    BreakElement="div"

    EditorBodyStyle="background-color:#ffffff"

    EditorWysiwygModeCss="~\Portals\_default\Skins\FBC_blue\skin.css"

    Admin_AutoConfigure="Full_noform" Admin_SecurityPolicyFile="admin.config"

    Admin_TemplateItemList=""

    Admin_DisableItemList=""

    Admin_AllowPasteHtml="true"

    Admin_EditorOnPaste="default"

    Admin_ReadOnly="false"

    Admin_ShowBottomBar="true"

    Admin_ShowHtmlMode="true"

    Admin_ShowPreviewMode="true"

    Admin_ShowTagSelector="true"

    Admin_EnableStripScriptTags="false"

    Admin_EnableContextMenu="true"

    Registered_AutoConfigure="Full_noform"

    Registered_SecurityPolicyFile="default.config"

    Registered_TemplateItemList=""

    Registered_DisableItemList=""

    Registered_AllowPasteHtml="true"

    Registered_EditorOnPaste="default"

    Registered_ReadOnly="false"

    Registered_ShowBottomBar="true"

    Registered_ShowHtmlMode="true"

    Registered_ShowPreviewMode="true"

    Registered_ShowTagSelector="true"

    Registered_EnableStripScriptTags="false"

    Registered_EnableContextMenu="true"

    Guest_AutoConfigure="Minimal"

    Guest_SecurityPolicyFile="default.config"

    Guest_TemplateItemList=""

    Guest_DisableItemList=""

    Guest_AllowPasteHtml="true"

    Guest_EditorOnPaste="default"

    Guest_ReadOnly="false"

    Guest_ShowBottomBar="true"

    Guest_ShowHtmlMode="true"

    Guest_ShowPreviewMode="true"

    Guest_ShowTagSelector="true"

    Guest_EnableStripScriptTags="false"

    Guest_EnableContextMenu="true" />

    </providers>

    </htmlEditor>
    ---------------------------------------------------------------------------------
     
    Is there more than one place where a style sheet must be declared? I am assuming that the setting above should show me exactly the same formatting in the editor as it does on the rendered page. However it is not. The text I see in the WSIWYG editor is a medium blue, the color specified in the style sheet is "navy" and when it appears on the page, the font seems to be correct but the color is black.
     
    Thanks for your help on this!
     
    Tugboat
View as RSS news feed in XML