Personal tools

Log in

Changes

From All n One's bxp software Wixi

Jump to: navigation, search

Custom CSS

3,110 bytes added, 17:16, 29 December 2016
no edit summary
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.= Overview =
With It is possible to over ride the default CSS of bxp. By creating your own CSS sheet hosted somewhere, with the URL is entered into BE at a System or User levelappropriate Class names you can change the look and feel of bxp.
= For With your CSS sheet hosted somewhere, the URL is entered into bxp at a System or User level =.
 == For the User level ==  ''Main Menu > I Want To > Change My Details > Interface Options ''
= For the System level =
== 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 CSSto 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. * body* cssBodyAll* cssBodyInner* cssMaster_Header* cssMaster_Page* cssMaster_Dashboards* cssMaster_Consoles* form* input.text, input.password, select* input.text, input.password, textarea* input[type=text]* input[type=password] * select* a* a:hover* td* textarea * .Standard_Input* .cssStandard_Input* .cssSearchBar* #body_controlbar* #iwantto_body_controlbar* .pwdChkTbl2* .pwdChkTbl3* .pwdChkTbl4 * .pwdChkTd4* .pwdChkTd4 h3* .tmeTitle* .tmeHour* .tmeLinkingHeader* .tmeLinkinga* .tmeLinkinga:hover* .cssLoginTitleBox* #padding_space* #nav_controlbar* #nav_controlbar a* #nav_controlbar a:hover* #nav_controlbar li:hover a* #nav_controlbar li:hover ul li a:hover* #iwantto_nav_controlbar li:hover a* #iwantto_nav_controlbar li:hover ul li a:hover* #iwantto_ecourse_search* cssMaster_Button* cssMaster_Button:hover* cssMaster_Button:active* Master_Button* Master_Button:hover* Master_Button:active* cssControlBar_Button* cssControlBar_Button:hover* cssControlBar_Button:active* cssContentBody* cssInfoBox* Standard_Input* cssMaster_IconBar* cssMaster_IconWin8Bar* cssLatestNews_Table* cssMaster_FooterIWantToBar_Table* cssGeneric_RoundedDiv == 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 ==  = Useful =  In a form the text of the questions uses a class called Spoken. To override the dark red colour of Spoken, add the following line to the "Opening Instructions" of the form.
<syntaxhighlight lang="html4strict">
<style> .Spoken { color:#343434; } </style>
</syntaxhighlight>
[[Category:Topic:Style]]
[[Category:Topic:bxp Interface]]
164
edits