Two Columns Registration Form

Proteon
OFFLINE
Posts: 44
Thanks: 1
Karma: 0

5 years 6 months ago #311619 by Proteon

Two Columns Registration Form was created by Proteon

Hi,

For CB Subs, can we have the registration form to display the fields in two columns?
demo.cbdemosites.com/addons/cb-paid-subscriptions/plans

I plan to have several fields and hence plan to reduce the height of the page.

Please Log in or Create an account to join the conversation.

krileon
ONLINE
Posts: 48435
Thanks: 8275
Karma: 1443

5 years 6 months ago #311624 by krileon

Replied by krileon on topic Two Columns Registration Form

Yes, it's possible to display it as 2 columns using CSS to break up the page. Example as follows uses flex to make the fields of a tab on the registration form into a 2 column grid.

Code:

.cbRegistration .cbFieldsContentsTab {
	display: flex;
	flex-wrap: wrap;
}

.cbRegistration .cbFieldsContentsTab > .cb_form_line {
	flex: 0 1 50%;
}

Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in or Create an account to join the conversation.

Moderators: beat, nant, krileon