Remember me

Horizontal form

6 years 5 months ago #1

  • Abdulhalim's Avatar
  • Abdulhalim
  • Posts: 158
Hello there,

How can I create a horizontal form?
just like the following link

123parse.com/


I need to put submit button and other options on one line.

Regards,
Abdulhalim

6 years 5 months ago #2

  • Viacheslav's Avatar
  • Viacheslav
  • Posts: 28858
Hello,

We receive such a message,

You need unlock site for Ukraine

Regards,
Vyacheslav, Balbooa.com

6 years 5 months ago #3

  • Abdulhalim's Avatar
  • Abdulhalim
  • Posts: 158


here it is, the snapshot of the form

6 years 5 months ago #4

  • Viacheslav's Avatar
  • Viacheslav
  • Posts: 28858
Hello,

At the custom CSS file of your template you need to add code:
.ba-form {
	align-items: center;
        -webkit-align-items: center;
	display: flex;
	-webkit-display: flex;
         flex-direction: row-reverse;
        -webkit-flex-direction: row-reverse;
}

.ba-form-footer {
	margin: 0 10px;
}

input.ba-btn-submit {
	width: 100% !important; 
}

.com-baforms .ba-form > div {
	flex-grow: 1;
	-webkit-flex-grow: 1;
}
Regards,
Vyacheslav, Balbooa.com

6 years 5 months ago #5

  • Abdulhalim's Avatar
  • Abdulhalim
  • Posts: 158
Thank you,

So you mean I have to create two elements first and for submit button I have to use CSS tricks.

Best regards.

6 years 5 months ago #6

  • Viacheslav's Avatar
  • Viacheslav
  • Posts: 28858
You need create Form with 2 column

At the Form Settings disabled "Display Form Title"
But it will change all forms.
if you only need one - add a class for it, and add class at CSS.

Let us know if you need more assistance!

Regards,
Vyacheslav, Balbooa.com
Powered by Kunena Forum