Module padding and message field size

Adjust ChronoForms module padding and message field size.

Overview

The form's message field is too small for customer inquiries, and the module lacks left padding, causing it to appear too close to the page edge.
Replace the message field with a Textarea Box element for a larger input area. Then, add a Load CSS action in the form's On Load event to apply left padding to the module using custom CSS.

Answered
Ca CatOnTap 26 Jan, 2016
Hi there,

New to Chronoforms, but really liking it all so far, so thanks.

Just two problems.

I want to increase the size of my message field on my chronoform as I am using it for customer enquiry. How would I do this?

Also, the choroform module sits too near to the edge of the page - how do I increase the left hand padding in the chronoforms module?

Here is a link to the form in question:
http://ontapcomms.co.uk/contact-us

Many thanks,
Cat
Gr GreyHead 26 Jan, 2016
Answer
Hi Cat,

For the message use a Textarea Box element instead of a Text Box.

For the padding add some CSS in a Load CSS action
.gbs3 {
    padding-left: 12px;
}

Bob
Ca CatOnTap 26 Jan, 2016
Thanks Bob - where do I put the load CSS action?

Cat
Gr GreyHead 26 Jan, 2016
Hi Cat,

In the Form Editor Setup tab. If you are using the Simple Wizard there is a CSS tab; in the normal Wizard drag the action into the On Load event and move it up before the HTML (Render form) action.

Bob
Ca CatOnTap 26 Jan, 2016
You're a star Bob, thanks a mil

Cat
Gr GreyHead 26 Jan, 2016
Hi Cat,

I suggest that you don't use your email address as a username here. It is publicly visible and may be scraped and spammed.

If you PM me I can change the name for you - I don't think that you can do it yourself.

Bob
This topic is locked and no more replies can be posted.