Meta Box

Fully customize the user registration form layout

Support › MB User Profile › Fully customize the user registration form layoutResolved

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 1, 2021 at 7:58 PM #29235
    YumikomYumikom
    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

    July 2, 2021 at 11:13 AM #29246
    Long NguyenLong 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
    YumikomYumikom
    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 NguyenLong 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
    YumikomYumikom
    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
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.