►FR◄ Form Background color setting

BenHayat

It would be useful to be able to set form's background color when we're setting Width & Height. Can we request for this addition please?

pureist

If you're going to change the background colour, then there's a strong possibility you will also want to change the Title Bar background colour.
..and text colour.. and title bar text colour.

A quick work around to incorporating such new settings is if Support provides a mini-library of Scripts to change these settings for forms an grids.

It could be via a 'How to' topic.

BenHayat

pureist wrote
If you're going to change the background colour, then there's a strong possibility you will also want to change the Title Bar background colour.
..and text colour.. and title bar text colour.

A quick work around to incorporating such new settings is if Support provides a mini-library of Scripts to change these settings for forms an grids.

It could be via a 'How to' topic.

I only need to change the background color of a few forms, just like we do with panels in VPs.

pureist

put the following in the Render Script of the Form you want to change the background colour of:
var thisForm = $("#" + parser.m_formId).find (".aw-form-body");
thisForm.css ("background-color", "colour_name _or_code");

New Topic started in 'Tips and Tricks' to build collection of useful Initialization and Render Scripts:
Useful Initialization and Render Scripts>

BenHayat

pureist wrote
put the following in the Render Script of the Form you want to change the background colour of:
var thisForm = $("#" + parser.m_formId).find (".aw-form-body");
thisForm.css ("background-color", "colour_name _or_code");

Thanks. Unfortunately when the form displays, there seem to be a Tab page that overlaps the background, which you can see the background color (about 20 pix) around the Tab page being white.

However, it does work (partially) on a form without multiple sections. But the bottom panel for buttons overlaps it.
It may work for me.

Thanks "Purist" 😃 Man you need to change your name (to something that is not so "Pure"). :mrgreen:

pureist

not sure what you mean about 'a tab page overlapping the background'.
It works fine in Chrome and IE, for Default, New Tab, Popup, and Modeless, output.
You can have other property settings.. eg. adding thisForm.css ("color", "green"); will make all Labels Green.
Refer following for a listing of properties which might be available to set:
http://www.w3schools.com/cssref/pr_border-style.asp

BenHayat

pureist wrote
not sure what you mean about 'a tab page overlapping the background'.
It works fine in Chrome and IE, for Default, New Tab, Popup, and Modeless, output.
You can have other property settings..
eg. adding thisForm.css ("color", "green") will make all Labels Green.
perhaps adding border-style might affect your overlapping issue.
or, if using 'white' background, then instead make it one shade before absolute white.

I mean, if your form has multiple sections (Turns into tabs)

pureist

I think the background shade of the Tabs row bar looks good. It draws the user's attention to it and breaks up the form.
But anyway, if you want to change its colour then you will have to find the Tabs component in the form in a similar way.

BenHayat

pureist wrote
I think the background shade of the Tabs row bar looks good. It draws the user's attention to it and breaks up the form.
But anyway, if you want to change its colour then you will have to find the Tabs component in the form in a similar way.

Yes... Thanks!