Data Bridge - Forms

I'm preparing a form with the assistance of Form Builder. I want to tighten the form up, reduce the spacing between text fields, reduce the height of the text fields, etc. Where can I do this?

I've hit the edit Css button in the Form Builder, but I see no options here to change the usual 'input tag' , 'label tag', 'paragraph tag', etc. Normally in Dreamweaver, I would use these three tags to layout the fields and labels.

In the Edit CSS Screen, from the initial menu select Form Elements, then select the element you wish to edit.

the Element groups and element labels padding and margin settings will control how close the elements are to each other.

I think I adjusted those parts, but I'll try again - thanks.

Okay, great, by adjusting the padding I was able to tighten up the form.

I understand the structure now, but I cannot figure out the fields I have circled on the attached screenshot - what do they control/adjust in the text area of the form. When I change from x-large to say x-small, nothing seems to happen.

when adding text boxes to the form, you can select to add a small text box, a large text box, extra large etc..

the styles you are circling effect those text boxes, if you don't have a x large text box in your form, you wont see any change.

Ok. I can tighten the text boxes, but how do I increase or decrease the padding in a text field - can it be done in the Form Elements section - I can't see where. I've been able to reduce or increase the size of the font in the text field, but where can I increase or decrease the padding inside the text field?

The padding inside a text field is controlled more by the text fields height in relation to the font size.

Sorry Jason, I don't understand. In Dreamweaver, you control the padding of the text fields. In Dreamweaver, i control the text fields by selecting the following tag: <input type="text" name="fname" id="fname" /> - this controls the padding inside the field. Can CSS Form Builder do the same?

text boxes don't support padding the across all browsers. and really the padding will be ignored based on the height of the form element and the size of the font.

for example if you have a text element that is 20px height and the font is 15px; you can specify a padding of 5px top, 5px bottom, instead you need to set the height of the element to 25px