newbie css help (And two other newbie questions)

Last post 04-11-2008, 10:14 AM by MelB. 6 replies.
Sort Posts: Previous Next
  •  04-05-2008, 9:23 PM 38764

    newbie css help (And two other newbie questions)

    I am having problems getting the css to work properly.
     
    I have been successful in changing the items in the css drop down menu (they no longer say "red text, green bold text, etc).  I changed this in the common.config file as seen below:
     
      <CssClass>
          <item text="Title" value="h4">
            <html><![CDATA[<span style='font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; font-weight:bold; color:#ee3044; padding-top:15px;'>Title</span>]]></html>
          </item>
          <item text="Bold" value="h5">
            <html><![CDATA[<span style='font-size:80%; font-weight:bold; padding-top:15px;'>Bold</span>]]></html>
          </item>
          <item text="Main Text" value="content">
            <html><![CDATA[<span style='color:#000000; font-size:75%;'>Main Text</span>]]></html>
          </item>
        </CssClass>
     
    on my page with the cute editor, i can assign the css style, which shows up in the code, but does not affect the text in any way what-so-ever.  I am not sure what i am doing wrong here.  I have a very simple css file that I also tried to apply, but couldn't get that to work either.....
     
    Question 2: how do i get rid of the "View HTML" button at the bottom of the cute editor?
     
    Question 3: how do i make the default text in the editor Verdana.  I do not want to give them any more choices than that.
     
    Thank you very much for your help.
    M
  •  04-08-2008, 8:36 AM 38867 in reply to 38764

    Re: newbie css help (And two other newbie questions)

    pmagoo,
     
    >>I have a very simple css file that I also tried to apply, but couldn't get that to work either.....
     
    Please check 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,/default.css"

     


    Example Code

    <?php
             $editor=new CuteEditor();
             $editor->ID="Editor1";
             $editor->Text="Type here";
             $editor->FilesPath="CuteEditor_Files";
             $editor->EditorWysiwygModeCss="example.css,/default.css";
             $editor->Draw();
             $editor=null; 

             //use $_POST["Editor1"]to catch the data
    ?>
     
    >>Question 2: how do i get rid of the "View HTML" button at the bottom of the cute editor?
     
    Please check the following property:
     

    Editor.ShowHtmlMode Property

    Specifies whether the Html Mode tab appear.

     

    Example Code

    <?php
             $editor=new CuteEditor();
             $editor->ID="Editor1";
             $editor->Text="Type here";
             $editor->FilesPath="CuteEditor_Files";
             $editor->ShowHtmlMode=false;
             $editor->Draw();
             $editor=null; 

             //use $_POST["Editor1"]to catch the data
    ?>

    >>Question 3: how do i make the default text in the editor Verdana.  I do not want to give them any more choices than that.

     

    Please check the Editor.EditorBodyStyle and EditorWysiwygModeCss 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"  

     

    Editor.EditorBodyStyle Property

    The style to be applied to the Editor body.   

    Cute Editor uses default font of the current page.  The default font of web page is Times new roman. If you want to change the default font from Times new roman to Verdana, you can add the following code into the style sheet file:

    body, td { font-family: Verdana; }

    Or you can use Editor.EditorBodyStyle Property:

    Editor1.EditorBodyStyle="font-family: Verdana";

    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-08-2008, 11:01 AM 38873 in reply to 38867

    Re: newbie css help (And two other newbie questions)

    thanks for your help, getting closer on all fronts....
     
    this is what i have for the css:
     
    $editor->EditorWysiwygModeCss="kySchoolDesignsUpdate.css";
     
    the css file is in the same folder of the php file that refers to it.
     
    i have also tried this:
     
    $editor->EditorWysiwygModeCss="/update/kySchoolDesignsUpdate.css";
     
    this is relative to the root with the license.
     
    neither of these is accessing the css file from cute editor.
     
    thanks, m
  •  04-11-2008, 9:16 AM 39095 in reply to 38873

    Re: newbie css help (And two other newbie questions)

    pmagoo,
     
    I didn't find any thing wrong with the above code.
     
    In the download package, you can find the index.php file.
     
    It contains the following code:
     
     $editor->EditorWysiwygModeCss="php.css";
     
    Can you try this example?
     
     

    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-11-2008, 9:24 AM 39096 in reply to 39095

    Re: newbie css help (And two other newbie questions)

    i tried this and the css drop down behaves the same way.  i can see the styles in the drop down, but when i apply them nothing happens.  it adds span tags in the html with class. in preview mode, the text is all the same size and font....
  •  04-11-2008, 9:39 AM 39099 in reply to 39096

    Re: newbie css help (And two other newbie questions)

  •  04-11-2008, 10:14 AM 39102 in reply to 39096

    Re: newbie css help (And two other newbie questions)

    Hi pmagoo,
     
    try defining your css path as an absolute URL, i.e. with http:// .
    There is an editor property called URLType which lets you define
    addresses as absolute, but don't use this - only the css should
    be absolute, everything else should be relative (the default value).
     
    It worked for me!
     
    Regards
     
    Mel.
     
    P.S. you may have to define images in your content as absolute URLs
           as well.
     
View as RSS news feed in XML