Page 1 of 2
Change color of entire form
Posted: 02 Feb 2015
by oren944
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!
Re: Change color of entire form
Posted: 06 Feb 2015
by Dmitry Kozlov
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
Re: Change color of entire form
Posted: 17 Nov 2015
by schuess
Has anything changed with the different versions of spfom? I downloaded the theme css , hover it does not seem to effect the styles. I know jquery-ui has had some version changes over the years. Which version are we supposed to be using at this point?
Re: Change color of entire form
Posted: 18 Nov 2015
by rostislav
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).
Re: Change color of entire form
Posted: 25 Nov 2015
by schuess
Having issues trying to change the input field border color, especially on focus. Can you provide some guidence?
Re: Change color of entire form
Posted: 27 Nov 2015
by rostislav
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;
}
Re: Change color of entire form
Posted: 25 Feb 2016
by MFatima
Hi - I have downloaded a theme from themeroller, it applies the color on the tabs and accordions but not to the buttons. Is there a possibility to chnage their colors as well using 'Style' or CSS Editor? Thanks
Re: Change color of entire form
Posted: 26 Feb 2016
by rostislav
Hi,
Apply the following CSS classes to your buttons:
(simply paste into the CSS Class box for each button in Forms Designer)
Re: Change color of entire form
Posted: 01 Mar 2016
by MFatima
Hi - I applied this script to the CSS Class but the color of the buttons still unchanged. However, I noticed that it bumped the size up to one pt. What else do i need to do?
Re: Change color of entire form
Posted: 02 Mar 2016
by rostislav
Add the following line to the JS editor:
Code: Select all
$( "input[type='button']" ).button();