Fully customize the user registration form layout - Meta Box

This topic has 4 replies, 2 voices, and was last updated 1 year, 1 month ago by Yumikom.

Creator

Topic
July 1, 2021 at 7:58 PM #29235

Resolved Yumikom
Participant

Hi,

I want to create a user registration form with the HTML layout finalized.
I could not change the layout freely with mb_user_profile_info().
Is it possible to output the input field of User profile to the HTML in the page?

Best regards,
Yumikom
Creator

Topic

Viewing 4 replies - 1 through 4 (of 4 total)

Author

Replies
July 2, 2021 at 11:13 AM #29246

Long Nguyen
Moderator

Hi Yumiko,

The extension outputs the default fields’ HTML with CSS comes from Meta Box plugin. The style is basic and works in most cases. However, to make it match perfectly with your theme’s style, you need to do some work with CSS.

You can also add some code before and after the form by using the form's hook rwmb_profile_before_form, rwmb_profile_after_form
https://docs.metabox.io/extensions/mb-user-profile/#form-actions

July 2, 2021 at 11:35 AM #29247

Yumikom
Participant

Hi Long,

I see that everything is output as a single HTML file. I wanted to output the input html individually.
For example, is it going to be difficult to display the first and last name fields side by side?

Best regards,
Yumiko

July 2, 2021 at 3:35 PM #29252

Long Nguyen
Moderator

Hi,

It is not possible for now. I think you can use the setting class to add a custom class for the field group (meta box) and before, after to wrap a field in HTML tags then style them by CSS code.
https://docs.metabox.io/creating-meta-boxes/#field-group-settings
https://docs.metabox.io/field-settings/#advanced

Or use the field appearance filters https://docs.metabox.io/filters/#field-appearance-filters

July 4, 2021 at 7:54 PM #29280

Yumikom
Participant

Hi Long,

Thanks for the detailed information. I will adjust the CSS for the layout to match the output of the shortcode.

Thanks.
Author

Replies

Viewing 4 replies - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.