Meta Box

Hm. Trying also with various ai tools. but it isn't working. I'm using Kadence,... does that have something to do with it?

When i hit f12, and then control shift c, and then click on the button of the registration form, it is says I am selecting button#submit.rwmb-button

but also
button#submit.rwmb-button {
width: 100%;
}

Doesn't help. Also not if i do !important.

Still in developer mode, when i click in the Styles tab, and then go under element.styles, and there i add width: 100%, it works. obviously until i refresh the screen... any ideas?

Dear Peter, I hope your weekend was fine. Thank you for responding. I am learning a lot and am still studying your answers. As time goes on, many more people will benefit from your reply. I do have some follow-up questions that have risen.

1. About the lost password form. You showed me that the lost password form is actually *part of* the login form itself. It shows when I click on 'lost password'. That does open up a lost password form. I have three questions about this lost password form:
1a: Can I make the 'lost password' link open the lost password form on a separate page of its own? I like to keep the login form and the lost password form on their own dedicated pages. Now it basically opens up underneath the login form but I don't want that.
1b: Clicking on the 'lost password' link not only shows the lost password form, but also adds '/?rwmb-lost-password=true' to the slug, so now I see 'https://mydomain.com/register/?rwmb-lost-password=true' in my web browser URL. Can I change this slug? I would like it to be something like '/lost-password'. That is way more understandable for my visitors. If so, where do I find the document to change this? I did a search on 'rwmb-lost-password' on the metabox.io site but could not find a reference.
1c: About customizing this lost password form: when I click on the 'lost password' link, the text appears: "Please enter your username or email address. You will receive a link to create a new password via email.". Can I change this text? And, better yet, disable it completely? I ask because I would rather write my own text above the form (am using Kadence). Also, the color of the text is #0c5460, and the color of the background is #d1ecf1, and the border color is #bee5eb. Can these be changed? If yes, how?

2. Our second conversation was about how to use placeholder texts for input fields instead of label text for the input fields. You're obviously right: I can use place holder texts in the MB Builder (I use MB AIO lifetime). As a matter of fact, for testing purposes I just inserted a Meta Box: registration form block in my register page, and then also a custom fields group through the block settings (in other words, I added the field group id, which was 'personal-information', in the 'ID' settings box).
The problem is that the default Meta Box Register form already has a Username, Email, Password, and Confirm Password field. I can't edit these fields. Or at least: I don't know how to edit these fields. This leads me to the following two questions:
2a. How do I edit the default Register Form fields used by the Meta Box Registration Form block? From the documentation (https://docs.metabox.io/extensions/mb-user-profile/#default-form-fields) I know that I should use the filter

$fields = apply_filters( 'rwmb_profile_register_fields', $fields );

but I have a lot of trouble using this to make the default fields have no labels and only placeholder texts. How would I use this filter, and where should I put the final code snippet, in my child theme's functions.php?

2b: To edit the default registration form fields is one thing, but far better for me is to be able to change these fields, because I would wish the registration process for my users to be as frictionless as possible. I want them to only provide an email address, and then if they hit 'submit', an email would be sent their way with a link to set up a password for their account. This means that I need a registration form with only one form field: user_email. The placeholder text should be: 'email'. How do I do that?
2c: And, following up, how do I ensure that the notification email I send to the provided email address (after they pressed 'submit' on the registration form) contains a link where they can generate a password for their email?
2d: How to make it so that this generate password link, brings them to a generate password form that is NOT the default WP generate password form? Currently, I do not see a way for this to work with Meta Box. It is why I have trouble using it. This is essential for the registration process I envision for my site, but don't want my users to see anything that is default WP.

3. Thank you for your response on my third question, Peter! I will need to study custom messaging a bit more.

4. Hcaptcha would be a good - and much needed - start. Consider Altcha, also. They are very privacy oriented and I think they are more aligned with you philosophically.

5. You wrote that I can use a custom attribute pattern to set up a validation for the password field. I think I will be able to manage that. But I am not sure why that would help. After all, you also wrote that custom code must be made to override the settings of the field which is created in the code. This is in essence what I want: I would like the password in the Registration form to have to meet certain criteria. It should have A minimum of 10 characters, at least one number, at least one lowercase letter, at least one uppercase letter. I know (kind of :)) how to do that in the MB builder, but ... and this brings be to
5a: How can I create the code so that the password field of the Registration form is only accepted when these criteria are met?
5b: A follow up question is: Obviously, it would be easier if I can just replace the default Password field of the Registration form, so if that is possible please do let me know how I do that.

6. Thank you for considering adding a admin approval functionality. This would be amazing. It would be great if your developers could also allow for a notification to be send to the admin, and an option to send the user who wants to register an account a notification to inform them that the team is processing their request for an account. These messages should be easily customizable to be user-friendly.

7. I am very thankful about this answer. It means I have an outlook on creating an integrated my-account screen.

Peter, a word of thanks here. You and your team for your wonderful help so far. Forgive my questions: I am really trying to learn and it is really hard. Consider my questions an indication of where new users need your help. I hope you can use my questions to improve your product. Go Vietnam! Go team Meta Box!

Oh, sorry. I forgot two more important things so I will continue my list:

5) I would like to be able to approve or decline a submission. In this way I can gatekeep who gets an account and who not. I don't see this as a setting in the documentation. Is this possible, though? If yes: How do I set that up? If not, please consider this a feature request for MB User Profile.

6) Superimportant! You said:

And it doesn't support including the WooCommerce user meta fields in the user profile form. They have a different way to register the user meta field.

Ah, really? That is so shitty of Woocommerce. It means I won't be able to have one centralised place where people can edit all of their account info. As I said, it is so hard to customize information about the customer that Woocommerce stores... . Can I use Meta Box in any other way to allow users to edit their Woocommerce user meta?
I ask because I had hoped it would be possible to make a custom fields group. In that field group, I would then make custom fields and assign an ID to them so that any info entered their would replace the data stored in the associated Woocommerce user meta. I would then show this custom fields group on the front-end using MB's Edit profile front-end form, and then I thought the data a user enters there would be synced up with Woocommerce user meta. Would this not work?

Just to give one example: one of the user meta keys that Woocommerce uses is 'billing_phone', it uses it to store the phone number of the customer. Following my suggested workflow above, can't I just make a custom field with the ID 'billing_phone' and then show that on the front-end using the MB Edit profile form, so that users can then change it from the front-end through that form? This way I would not need the annoying Woocommerce My-account page to edit these sort of details, and I can just use MB's Edit profile as an alternative.

Please, any help/thinking along would be appreciated here. Quite desparate for a solution.

Warmly

Ok, good to know. I would like to suggest customizing the form like the builder as a feature request for the Front-end User submission. Could you give me a little bit of a starter help on how to make the submit button to stretch out? What should I enter where? Should I use the style.css to style it? How can i point to the button specifically?

Thank you.

Thank you!