Jump to content

Background color and image


Recommended Posts

Hi Susie,

You can change a Web Form background color or add a background image by editing the Style which is applied to that Web Form.

Edit the Style, Enable Advanced Options and go to the Settings page; Go to Forms/Details >> layout and click on Source tab then in the .cbFormTable class you can insert the following lines:

background-color: green;

background-image: URL;

Note: replace URL with the complete URL of the image hosted in your server.

Best,

Bahar M.

Link to comment
Share on other sites

  • 4 years later...

I have the same question, but the answer doesn't work for me. No matter what I try, the background stays white. The above posts are relatively old - is there a newer solution?

Thanks.

EDIT: I had previously obtained one of the sample apps (Business Directory) and noticed that one of the forms was transparent. Modifying the default style for that app solved my problem, but I was not able to see how it worked, so my question remains.

Link to comment
Share on other sites

If you would like to change the Background color of Form/Details DataPages, here are two suggestions:

1. Add the following style within the head tag of your HTML page:

<style type="text/css">
.cbFormTableRow
{
background-color: #000000;
}
.cbFormTableEvenRow
{
background-color: #000000;
}
</style>
2. Add "background-color: #000000;" in the following classes of Style Source tab

.cbFormTable

.cbFormTableRow

.cbFormTableRow_hover

.cbFormTableEvenRow

.cbFormTableEvenRow_hover

If you would like to add transparent Background image of Form/Details DataPages:

Add the following style in the header of your DataPage:

<style type="text/css">
body
{
background: url('YourImageURL') no-repeat fixed center;
background-size:100% 100%;
}
.cbFormTable
{
opacity:0.6;
filter:alpha(opacity=60);
}
</style>
Link to comment
Share on other sites

  • 5 years later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...