How can I control the vertical spacing of fields? The padding for the field has been set to '0' but the fields are still given 16px in margin and 7px in padding from the flex field DIV elements.
Dear @CraigFox,
For precise placement, it's best to use CSS code and set the padding and the margin that you see fit. You can use inspect tool in the browser to check classes that you need to use.
I have tried this to no effect. I created a custom class for the fields and css to eliminate spacing. i tried several selectors but could not get anywhere. I tried it alone, with the parent and or child, and creating a differnt class to catch the children in. (working css Pasted below though I tried other options.) It seems the DIV.row field defined two or three layers up is what the margin spacing is set on.
.printField > div.fd-sp-field-note.col-form-label {
margin-top: 2px !important;
margin-bottom: 2px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.printField > div.fd-sp-field-text.col-form-label {
margin-top: 2px !important;
margin-bottom: 2px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.printGrid > div.row {
margin-top: 2px !important;
margin-bottom: -16px !important;
padding-top: -4px !important;
padding-bottom: -4px !important;
}
Dear @CraigFox,
Some screenshots could help in what exactly you want to achieve, the following code, for example, would reduce space between field rows to a minimum:
.fd-form .fd-grid>.row:not(:last-child) {
margin-bottom: 1px;
}
