Change color of entire form
Hello,
Is it possible to change the color of the entire form from its original grey color along with the tabs? Or is this a standard that can not be changed?
When you click on individual tabs you are not given a CSS Class option on the right hand menu.
Thanks!
Is it possible to change the color of the entire form from its original grey color along with the tabs? Or is this a standard that can not be changed?
When you click on individual tabs you are not given a CSS Class option on the right hand menu.
Thanks!
- Dmitry Kozlov
- Site Admin
- Posts: 1524
- Joined: Thu Jun 07, 2012
Sure, you can override particular styles with the help of CSS or even define your own theme with the help of theme roller as described in our blog:
http://spform.com/forms-designer- ... ms-styling
http://spform.com/forms-designer- ... ms-styling
In recent versions of FD the jQuery version is 1.11.3. When you download a theme, select the "Stable, for jQuery1.6+" option, then use the jquery-ui.min.css file. This will change styling of jQuery controls like the accordion and the tab control, but not others, like buttons, related items, etc. Other controls are styled via regular Sharepoint themes (Gear icon -> Change the look).
Don't know your particular use-case, but here's an example. If you add "myinput" CSS classname to an input field in Forms Designer, then adding the following CSS to the CSS editor will do it:
Code: Select all
.myinput input:focus {
border-color:red;
}
Hi,
Apply the following CSS classes to your buttons:
(simply paste into the CSS Class box for each button in Forms Designer)
Apply the following CSS classes to your buttons:
Code: Select all
ui-button ui-corner-all ui-widget
Add the following line to the JS editor:
Code: Select all
$( "input[type='button']" ).button();
-
- Information
-
Who is online
Users browsing this forum: No registered users and 18 guests