Balbooa Help Center: Custom Form Layout (1/1)

6 years 9 months ago #1

Greedbegone Posts: 741	Is there a way to create a form that looks like this? LINK: prnt.sc/b7ljm9 Thanks, Matt
	The administrator has disabled public write access.

6 years 9 months ago #2

Artem
Posts: 10779

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