Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Custom Form Layout

7 years 4 months ago #1

  • Greedbegone's Avatar
  • Greedbegone
  • Posts: 795
Is there a way to create a form that looks like this?
LINK: prnt.sc/b7ljm9

Thanks,
Matt

7 years 4 months ago #2

  • Artem's Avatar
  • Artem
  • Posts: 11281
Hello,

Yes, it's possible
1. Add custom CSS class to your form, for ex. "form-in-line"



2. Create 3 Columns form, at 1 column place your title, at 2 column field, and 3 column leave blank (place for submit button)

3. Open template custom.css file and add next code
.com-baforms.form-in-line .ba-row:last-child [class*="span"],
.com-baforms.form-in-line .ba-row:last-child {
    min-height: 0 !important;
    position: relative;
}

.form-in-line .ba-btn-submit {
    position: absolute;
    top: -100px;
    right: 0;
}

Thanks,
Artem
Powered by Kunena Forum