Changes

Styling a form in bxp

1,460 bytes added, 13:29, 1 September 2017
no edit summary
The pencil icon out on the right only appears if the user has Form Management access and provides an easy way of editing the form elements as needed.
 
 
 
= Form Inline Tabs =
 
 
The inline tabs are dynamically created. They are styled with cssInlineTabs which is in the library style_master_modulespecific3.css
 
 
 
https://ww3.allnone.ie/library/style/style_master_modulespecific3.css
 
 
The background and how the hover is set colour wise:
 
<syntaxhighlight lang="css">
.cssInlineTabs ul li a {
background: #dedede;
}
.cssInlineTabs ul li a:hover {
background: #dedeff;
}
</syntaxhighlight>
The Final Media schedule bar is also configurable in Advanced Settings.
 
 
 
= Applying the new css =
 
 
When you have your new css designed there are two ways to apply it. Locally to the current form or applying it to all the system.
 
 
For both, create the new .css sheet. Then through System Access Management you upload using Custom Upload. This will then make the file available as https://ww3.allnone.ie/client/client_XXX/custom/yourFile.css
 
 
 
== Form only ==
 
 
The way to apply the .css to only one form, in the Introduction of the form add the following
 
<style>
paste all the code in here
</style>
 
 
 
== System Wide ==
 
 
<link> tags can only be added to the <head> tag of the page. This is system wide.
 
 
''Main Menu > System Access Management > System Settings > User Interface > CSS > '' put in the full URL as generated by the upload.
 
 
 
It is also possible to set the CSS for individual users system wide.
 
 
''Main Menu > System Access Management > User Administration > Edit User > Find the user > Interface Options > CSS'' put in the full URL as generated by the upload.
 
7,528
edits