Place Border around all controls

[devinmcmahon]

Is it possible with CSS to place a border around all controls? The reason for this is to improve the readability of Print Form function because the nature of the form is that there are a lot of textual fields etc, and viewing the Print Form it would be helpful to delineate the title of the control from the actual text of the control.

I just want to, by default have every control have a simple black border

Thanks

[Nikita Kurguzov]

Dear Devin,
Should be possible, but we'd like to know more before we can give any sort of solution.

First of all, what do you mean by control? Technically, controls can be referred to the editable part of each field, but these often do have some sort of border, like the text fields:

TitleControl.png (858 Bytes) Viewed 2245 times

We also have a number of controls in the designer, additional elements that you can add to the form:

FDControls.png (11.91 KiB) Viewed 2245 times

But I am not sure you are talking either of these. Do you mean the fields themselves? Or do you refer to the Display Form, which doesn't have borders by default, but would be ideal for printing?

I also am not sure what you mean by ALL. It could mean a lot of things, and I can't guarantee that the solution we'll provide will 100% work in all situations, there are just way too many configurations you might have.

Let me what exactly you want to achieve in as much detail as possible. Screenshots would definitely help. Then we can give practical advice on how to make it work using CSS or JS.

P.S. If you are talking about Display Form, for the most basic solution, you can try something like this:

Code: Select all

.fd_control{
  border: 1px solid black;
}

Just add it to CSS editor in the designer:

CSSEditor.png (5.61 KiB) Viewed 2245 times