Difference between revisions of "Custom CSS"
From All n One's bxp software Wixi
Philip Lacey (talk | contribs) |
Philip Lacey (talk | contribs) |
||
| Line 1: | Line 1: | ||
| + | = Overview = | ||
| + | |||
| + | |||
It is possible to over ride the default CSS of BE. By creating your own CSS sheet with the appropriate Class names you can change the look and feel of BE. | It is possible to over ride the default CSS of BE. By creating your own CSS sheet with the appropriate Class names you can change the look and feel of BE. | ||
| Line 5: | Line 8: | ||
| − | |||
| + | == For the User level == | ||
| − | Main Menu > I Want To > Change My Details > Interface Options | + | |
| + | ''Main Menu > I Want To > Change My Details > Interface Options'' | ||
| Line 14: | Line 18: | ||
| − | |||
| + | == For the System level == | ||
| − | Main Menu > System Access Management > System Management > System Settings > Interface Options | + | |
| + | ''Main Menu > System Access Management > System Management > System Settings > Interface Options'' | ||
| − | As per the User level, simply enter the URL of the | + | As per the User level, simply enter the URL of the CSS to be used for all users if they have not set a custom style sheet. |
| + | |||
| + | |||
| + | |||
| + | = The CSS engine = | ||
| + | |||
| + | |||
| + | bxp runs a number of CSS sheets for managing a number of different style sets. IE limits the amount of styles per sheet to 31, so we split the sheets. [http://blogs.msdn.com/b/ieinternals/archive/2011/05/14/10164546.aspx Limits in IE] [http://stackoverflow.com/questions/9906794/internet-explorers-css-rules-limits StackOverflow article] | ||
| + | |||
| + | |||
| + | * [https://ww3.allnone.ie/library/style/style_master_internal.asp?intSystem=2] | ||
| + | * [https://ww3.allnone.ie/library/style/style_master_rootobjects.css] | ||
| + | * [https://ww3.allnone.ie/library/style/style_master_layout.css] | ||
| + | * [https://ww3.allnone.ie/library/style/style_master_login.css] | ||
| + | * [https://ww3.allnone.ie/library/style/style_master_toolbars.css] | ||
| + | * [https://ww3.allnone.ie/library/style/style_master_modulespecific.css] | ||
| + | * [https://ww3.allnone.ie/library/style/style_master_buttons.css] | ||
| + | * [https://ww3.allnone.ie/library/style/style_master_password.css] | ||
| + | * [https://ww3.allnone.ie/library/style/style_master_keystats.css] | ||
| + | * [https://ww3.allnone.ie/library/style/style_menu_bars.css] | ||
| + | * [https://ww3.allnone.ie/library/style/style_menu_panels.css] | ||
| + | |||
| + | |||
| + | == style_master_internal.asp == | ||
| + | |||
| + | |||
| + | The Id of the link is used to extract the custom styling for that system. If no Id is passed the system will use default styling. | ||
| + | |||
| + | |||
| + | == style_master_rootobjects.css == | ||
| + | |||
| + | |||
| + | == style_master_layout.css == | ||
| + | |||
| + | |||
| + | == style_master_login.css == | ||
| + | |||
| + | |||
| + | == style_master_toolbars.css == | ||
| + | |||
| + | |||
| + | == style_master_modulespecific.css == | ||
| + | |||
| + | |||
| + | == style_master_buttons.css == | ||
| + | |||
| + | |||
| + | == style_master_password.css == | ||
| + | |||
| + | |||
| + | == style_master_keystats.css == | ||
| + | |||
| + | |||
| + | == style_menu_bars.css == | ||
| + | |||
| + | |||
| + | == style_menu_panels.css == | ||
| + | |||
[[Category:Topic:Style]] | [[Category:Topic:Style]] | ||
[[Category:Topic:bxp Interface]] | [[Category:Topic:bxp Interface]] | ||
Revision as of 13:49, 5 September 2015
Contents
- 1 Overview
- 2 The CSS engine
- 2.1 style_master_internal.asp
- 2.2 style_master_rootobjects.css
- 2.3 style_master_layout.css
- 2.4 style_master_login.css
- 2.5 style_master_toolbars.css
- 2.6 style_master_modulespecific.css
- 2.7 style_master_buttons.css
- 2.8 style_master_password.css
- 2.9 style_master_keystats.css
- 2.10 style_menu_bars.css
- 2.11 style_menu_panels.css
1 Overview
It is possible to over ride the default CSS of BE. By creating your own CSS sheet with the appropriate Class names you can change the look and feel of BE.
With your CSS sheet hosted somewhere, the URL is entered into BE at a System or User level.
1.1 For the User level
Main Menu > I Want To > Change My Details > Interface Options
In the CSS box you can put the full URL to your stylesheet.
1.2 For the System level
Main Menu > System Access Management > System Management > System Settings > Interface Options
As per the User level, simply enter the URL of the CSS to be used for all users if they have not set a custom style sheet.
2 The CSS engine
bxp runs a number of CSS sheets for managing a number of different style sets. IE limits the amount of styles per sheet to 31, so we split the sheets. Limits in IE StackOverflow article
2.1 style_master_internal.asp
The Id of the link is used to extract the custom styling for that system. If no Id is passed the system will use default styling.
