CSS Display form as Edit form

Forms
1

Hi guys,

I am new to CSS ... looking for some wisdom. I actually like the Lay-out of the Edit Form and would like to use it also for the Display Form (without opening the it) So only some CSS lay-out.

Anyone any idea how to start off?

I started already boxing some fields with most nooby code there is:
.

> fd-form .my-element {
>   border: 1px solid #1974D2;
>   padding: 10px; /* Pas deze waarde aan naar wens */
> }

I can't even target the input box. Some suggestion? Or does any-one has the CSS code of the Edit form already somewhere ?

2

Hello @Sami,

If you want to add a border around field values, you can use this CSS:

.fd-field-control {
   border: 1px solid #1974D2;
   padding: 10px;
}