Demo Forms

Last Updated on October 11, 2022 by Ajith

Singleline

Displays enclosed elements on a single line

Form – contact-form-7 id=”20303″ title=”Ready – Demo – singleline”

    singleline

    Instructions – Check the fields are in single line, the first line consist of two elements and the second have three elements in single line.

    Column

    Displays enclosed elements in a vertical column

    Form – contact-form-7 id=”20307″ title=”Ready – Demo – column”

      column
        1. Ready Class column
        1. Ready Class column
          1. Ready Class column
          1. Ready Class column
          1. Ready Class column

      Instructions – Check the elements are displayed on columns, in the first section the Item 1, Dropdown Menu, and Item 2 are in same column.In the second column Item 1, Item 2, Item 3, and Dropdown Menu in same column.

      Grid

      Implements a strict form grid

      Form – contact-form-7 id=”19251″ title=”Grid – CF7 Tags – with grid-hover & grid-lined”

        grid Ready Class (with grid-hover & grid-lined)

        Instructions – Check the fields are arranged in a grid, in the first row there is a single field (Field 1) and in the second line there is two fields (Field 1 and Field 2). The rows goes upto five fields per row. The background color for each field is changed when we hovering over the individual fields.

        Box

        Displays enclosed elements in a surrounding box

        Form – contact-form-7 id=”20314″ title=”Ready – Demo – box”

          box

          Instructions – Check elements are in a box seperated from the main container by color. The box will be inside the same container but it have seperate border.