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

How to place form buttons side by side?

3 weeks 16 hours ago #1

  • Bumble's Avatar
  • Bumble
  • Posts: 17
I want to add 2 buttons and place them side by side (for both desktop & mobile views).
If I add them in a single row, the 2nd button appears on the next line.
If I use columns, on desktop view, its side by side, but in mobile view, the buttons are stacked.
Please advice. Thanks!

2 weeks 5 days ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 11557
Hello,

Thank you for contacting us!

You need to change the width of the columns (in the mobile editor)


Best Regards,
Vyacheslav, Balbooa Support Team

2 weeks 5 days ago #3

  • Bumble's Avatar
  • Bumble
  • Posts: 17
I do not see this interface in the forms.

I am using forms version 2.0.4

2 weeks 5 days ago #4

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 11557
Misunderstood, This feature is in gridbox,
in forms can only be done using custom code.
Send us a link to page with problem.

Best Regards,
Vyacheslav, Balbooa Support Team

2 weeks 5 days ago #5

  • Bumble's Avatar
  • Bumble
  • Posts: 17
The page is currently on a password protected site. Can you please give some guidance on how to go about doing it, without your access?

2 weeks 5 days ago #6

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 11557
Sample code:
.ba-form-column-wrapper {
    flex-direction: row;
    flex-wrap: nowrap!important;
}

.com-baforms-wrapper [class*="span"]~[class*="span"] {
	margin-left: 2%!important;
}

Best Regards,
Vyacheslav, Balbooa Support Team

2 weeks 5 days ago #7

  • Bumble's Avatar
  • Bumble
  • Posts: 17
I think I will need your help. Not sure where & how I should use the code.

I have created a new form with basic info.
Here is the link:
www.bumbies.com/cakes/form1

For text1, text2, text3, it is setup using 3 columns in a row.
I wish to have them side by side when viewed on mobile.
How should I do this? Thanks!

2 weeks 5 days ago #8

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 11557
You need to add CSS code editor:
.ba-form-column-wrapper {
    flex-wrap: nowrap !important;
}


Best Regards,
Vyacheslav, Balbooa Support Team

2 weeks 4 days ago #9

  • Bumble's Avatar
  • Bumble
  • Posts: 17
It works! Thank you very much!

2 weeks 4 days ago #10

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 11557
You are welcome ;)
Powered by Kunena Forum