Modify the registration layout

dustingt
OFFLINE
Posts: 6
Thanks: 0
Karma: 0

6 years 1 month ago #308127 by dustingt

Modify the registration layout was created by dustingt

Hello,
I have create my registration form like this:

And I need to modify like this :

There is a way to do that?

Best regards.

Attachments:

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

krileon
ONLINE
Posts: 48560
Thanks: 8292
Karma: 1445

6 years 1 month ago #308145 by krileon

Replied by krileon on topic Modify the registration layout

Each field row is a div one after another. It's possible to use entirely CSS to split the form like that. You could use flex, grid, or floats even. Example CSS as follows using flex.

Code:

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

.cbRegistration .cbFieldsContentsTab > .row {
	-ms-flex: 0 0 50%;
		flex: 0 0 50%;
	max-width: 50%;
}

You can add your custom CSS to CB using CSS overrides functionality below.

www.joomlapolis.com/blog/kyle/18711-template-css-overrides-made-easy

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.

The following user(s) said Thank You: dustingt

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

Moderators: beat, nant, krileon