Thu, 24 Sep 2026
Login

How to change background color of a form's section.

Confluence User - 28 Aug, 2020

How to change the background color of a form's section.

  1. A Section is subdivided into Columns and how to change those colors.
  2. How to Change the color of individual fields not just the Label, but Label plus Text.

Tried using Custom HTML It does not work . Any help would be appriciated.

<style type="text/css">
.section1 {
border: 5px outset red;
background-color: black;
text-align: center;
}
</style>


forms;userviews

2

Confluence User •
31 Aug, 2020 •
confluenceUser •
•
confluenceUser •

Hi, you can use the browser to inspect and identify the CSS to change, for example this is the reference for Chrome https://developers.google.com/web/tools/chrome-devtools/css#view.

Confluence User •
02 Sep, 2020 •
confluenceUser •
•
confluenceUser •

Hi, it is depend on how you override the css rules. There may have some css rules has higher precedence than your, then you will have to either add `!important` or modified your selector to make it more higher precedence. 

Example:

body #form-canvas div#section1 {
    border: 5px outset red;
    background: black;
    text-align: center;
}
1
CSV | Excel | XML | PDF
RELATED QUESTIONS
Process not starting with Form submission.
Form Submission Performance Issue
Export As PDF
Select Box
one to many relationship
Can we create a dropdown field directly in a Joget List so that users can change the status of a record from the list view itself?
How to auto load client data after selecting it in a dropdown?
Retrieve image upload from form into PDF
Error storing data
i am building an app, and for some reason i am not able to open it anymore. All apps --> my app --> system error
1
CSV | Excel | XML | PDF

Your answer

To answer a question you'll need an account.

Print