Aligning Elements of form

  • Resolved rajb

    (@thedatacrawler)


    10 years ago

    Hi,

    I have 2 questions.

    1. Is there a way we can reduce the form size. Right now it’s taking entire page to display, where most of the right side is blank. Is there a way we can give custom dimensions to form? or reduce the size?

    2. I would like to add the 3 calculated columns on right side of form, instead of below the button. Is there a way we can do that?

    The link to page having the form https://www.promptcloud.com/roi-calculator

    Thank you.

    https://ww.wp.xz.cn/plugins/calculated-fields-form/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author codepeople

    (@codepeople)

    10 years ago

    Hi,

    The easiest way to adjust the the form’s width is inserting a DIV tag around the shortcode with a style attribute defined. Please, follow the steps below:

    1. Go to your page.

    2. Activate the “Text” tab in the content’s editor.

    3. Insert the shortcode into a couple of DIV tags with the “width” defined. For example:

    <div style="max-width: 400px;">[CP_CALCULATED_FIELDS id="1"]</div>

    You should replace the number: 400 by the width preferred, and the form’s id in the shortcode, by the corresponding id of your form.

    About your second question, if you want to display your form with a table structure, you can insert a container field in the form (DIV or FIELDSET), select the number of columns in its attributes, and finally, drag the other fields into the container.

    Note: You can nesting multiple container fields to format the form as you want.

    Best regards.

    Thread Starter rajb

    (@thedatacrawler)

    10 years ago

    Thank you so much for guiding me.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Aligning Elements of form’ is closed to new replies.

  • 2 replies
  • 2 participants
  • Last reply from: rajb
  • Last activity: 10 years ago
  • Status: resolved