How to set Custom layout for On-line Form.

Manmath Kulkarni asked on January 27, 2017 13:53

Hi,

I am creating Online-form based on "Forms" application in Kentico administration. I have added fields using "Form builder" and also I have provided layout for my form.

I am facing following issues. 1. Form does not follow custom layout added in "Layout field"
2. Message which is text area field can be minimized and maximized by dragging its right bottom corner. It does not follow width and height given in CSS as mentioned in layout.
3. My form is enclosed in

element along with "Submit" button. But "Submit" button is always out of this
element. It does not follow position given in Layout.

Thanks in advance.

Best regards,
Manmath

Recent Answers


Trevor Fayas answered on January 27, 2017 19:46

You can modify the Form through the Form Module, in the "Layout" or "Alternative Forms."

To control what control is used, you can select for each field what form is shown. So if the Message area you don't want it to be dragable, then you may need to use a different form control, or create one for yourself (kentico documentation shows how to do this).

In the form layout editor, you should be able to insert the Submit button using the little tool above it (which allows you to insert the label, control, and validation for each field).

When adding the Online Form, make sure you select the alternative form if that's the one you want to use. Otherwise it defaults to the default layout.

0 votesVote for this answer Mark as a Correct answer

Chetan Sharma answered on January 30, 2017 12:26

These two links should give you direction for this.

If you want better control over HTML I would say click on the "Source" toggle button. This will provide you HTML getting generated behind the scenes. Your HTML developer can go there and do write perfect HTML that will solve your problem.

https://docs.kentico.com/k8/managing-website-content/forms/defining-custom-form-layout

https://docs.kentico.com/k8/managing-website-content/forms/creating-alternative-forms-for-on-line-forms

0 votesVote for this answer Mark as a Correct answer

Manmath Kulkarni answered on January 31, 2017 13:58

Hi Trevor, Chetan Thanks for your reply.

I have already seen the above link but are not useful in my case.

What I am trying to achieve is that I want to add "Submit button" in the form next to one of the input field. e.g. Submit button next to "Email" field.

BY default and even if custom or alternative layout is provided, "Submit" button will always be in separate row. It will never be next to any "input" field.

Also Kentico adds by default ""EditingFormTable" tag before "Submit" button.

Is anything I can do to place submit button on Form where ever I want.

Best Regards,
Manmath.

0 votesVote for this answer Mark as a Correct answer

Mark Dowding answered on March 1, 2017 18:49

I was also looking for this functionality. Any update?

0 votesVote for this answer Mark as a Correct answer

   Please, sign in to be able to submit a new answer.