Jump to:

5554 Posts in 1742 Topics by 1227 members

Customising the CMS

SilverStripe Forums » Customising the CMS » CMS styling based on pagetype

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba, simon_w

Page: 1
Go to End
Author Topic: 469 Views
  • merrick_sd
    Avatar
    Community Member
    95 Posts

    CMS styling based on pagetype Link to this post

    I have some page types setup so people can choose. Page or TwoColumnPage or ThreeColumnPage.

    TwoColumnPage has an additional htmlContent Field ColumTwo
    ThreeColumnPage has 2 additional htmlContent Field ColumTwo, ColumThree

    Setup Reasoning
    1. because div management in tinymce editor is difficult
    even if i use the tinymce template feature.
    2. obviously don't want tables

    this is a nice setup, but am wondering if i could give the user some hints as to column widths in the tinymce editor

    I have notice that I can limit the Tinymce "inner" content area by putting styling in the typography.css file as that gets loaded in the CMS area.

    I even managed to put in a background image to show the max column width.

    ----------typography.css extract ----

    #tinymce.mceContentBody.typography{

    width: 284px;
       background-image: url(../tinymce/284_3col_mce_bg.gif);
       background-repeat: repeat-y;
       background-position: 10px 0px;
    }

    ------------------------------------

    the trouble is this affects all tinymce editors in the cms.

    I can't seem to figure out how to be specific?

    Question
    Can i add a css file based on the page type the user is on "within the Admin area" ?

    I don't think you can be specific like
    #ColumnTwo #tinymce.mceContentBody.typography{

    width: 284px;
       background-image: url(../tinymce/284_3col_mce_bg.gif);
       background-repeat: repeat-y;
       background-position: 10px 0px;
    }

    The only reason behind this is the aid the Person doing the Content editing. Anything to force common sense

    Attached Files
    469 Views
Page: 1
Go to Top

Want to know more about the company that brought you SilverStripe? Then check out SilverStripe.com

Comments on this website? Please give feedback.