Change color of entire form

Discussions about Forms Designer for SharePoint 2013 / 2016 and Office 365.
oren944
Posts: 8
Joined: Wed Feb 04, 2015

02 Feb 2015

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!

User avatar
Dmitry Kozlov
Site Admin
Posts: 1524
Joined: Thu Jun 07, 2012

06 Feb 2015

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

User avatar
schuess
Posts: 82
Joined: Wed Jan 22, 2014

17 Nov 2015

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?

User avatar
rostislav
Moderator
Posts: 364
Joined: Mon Oct 19, 2015

18 Nov 2015

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).

User avatar
schuess
Posts: 82
Joined: Wed Jan 22, 2014

25 Nov 2015

Having issues trying to change the input field border color, especially on focus. Can you provide some guidence?

User avatar
rostislav
Moderator
Posts: 364
Joined: Mon Oct 19, 2015

27 Nov 2015

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;

} 

MFatima
Posts: 13
Joined: Wed Feb 24, 2016

25 Feb 2016

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

User avatar
rostislav
Moderator
Posts: 364
Joined: Mon Oct 19, 2015

26 Feb 2016

Hi,

Apply the following CSS classes to your buttons:

Code: Select all

ui-button ui-corner-all ui-widget 
(simply paste into the CSS Class box for each button in Forms Designer)

MFatima
Posts: 13
Joined: Wed Feb 24, 2016

01 Mar 2016

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?

User avatar
rostislav
Moderator
Posts: 364
Joined: Mon Oct 19, 2015

02 Mar 2016

Add the following line to the JS editor:

Code: Select all

$( "input[type='button']" ).button();

Locked
  • Information
  • Who is online

    Users browsing this forum: No registered users and 9 guests