Simple Forgot Password Form

{"content":[{"id":"itgwvd","name":"section","parent":0,"children":["areswh"],"settings":{"_cssGlobalClasses":["jiaqax"]},"label":"MS Forgot Password Form Section"},{"id":"areswh","name":"container","parent":"itgwvd","children":["snjthy"],"settings":{"_cssGlobalClasses":["itqvlm"]}},{"id":"snjthy","name":"block","parent":"areswh","children":["bobrtb"],"settings":{"_cssGlobalClasses":["zfxryi"]},"label":"Form Block"},{"id":"bobrtb","name":"ms-brcks-form","parent":"snjthy","children":[],"settings":{"formType":"forgot-password","planAction":"add","fields":[{"type":"email","label":"Email","placeholder":"Enter your email","customFieldId":"email","width":"full","maxLength":"","value":"","id":"mbdgqz"}],"fieldsGap":"20","_cssGlobalClasses":["bcxmmp"],"socialAuth":[{"id":"tetwok","provider":"google","enabled":true,"icon":{"library":"fontawesomeBrands","icon":"fab fa-google"},"iconPosition":"left","border":{"radius":{"top":"5","right":"5","bottom":"5","left":"5"}}}]},"themeStyles":{}}],"source":"bricksCopiedElements","sourceUrl":"https://postpilot.local","version":"1.12.1","globalClasses":[{"id":"jiaqax","name":"section-padding","settings":{"_padding":{"top":"100","bottom":"100","left":"5%","right":"5%"}}},{"id":"itqvlm","name":"max-width-small","settings":{"_widthMax":"600"}},{"id":"zfxryi","name":"ms-form__block","settings":{"_padding":{"bottom":"25","top":"25","left":"30","right":"30"},"_border":{"width":{"bottom":"1","top":"1","left":"1","right":"1"},"style":"solid","color":{"hex":"#d9f0e9","id":"btrvhf","name":"Color #6"},"radius":{"top":"5","right":"5","bottom":"5","left":"5"}}}},{"id":"bcxmmp","name":"ms-form","settings":{"_width":"100%","fieldsLayout":"column-reverse","buttonWidth":"100%","buttonTypography":{"text-align":"center","font-weight":"600","color":{"hex":"#ffffff","id":"edddcc","name":"Color #2"}},"buttonPadding":{"bottom":"12.5","top":"12.5","left":"25","right":"25"},"buttonMargin":{"top":"30"},"buttonBackground":{"hex":"#110080"},"buttonBorder":{"radius":{"top":"5","right":"5","bottom":"5","left":"5"}},"inputBorder":{"radius":{"top":"5","right":"5","bottom":"5","left":"5"}}},"modified":1741013056,"user_id":1}],"globalElements":[]}

Similar components

Vuyufambom Boris

International format number field

This script enhances phone input fields with auto-detected country codes, using the intl-tel-input library. It prevents users from modifying or deleting the country code, ensures consistent formatting, and supports dynamic country selection. GeoIP lookup sets the initial country code based on the user's location. Inspired by Julian Galluzzo

View now

Copy now

{"content":[{"id":"ujvndk","name":"form","parent":"asdejf","children":[],"settings":{"fields":[{"type":"tel","label":"Phone","placeholder":"Phone Number","id":"e69562","name":"phone","maxLength":"17"}],"submitButtonStyle":"primary","actions":["email"],"successMessage":"Message successfully sent. We will get back to you as soon as possible.","emailSubject":"Contact form request","emailTo":"admin_email","fromName":"PostPilot","emailErrorMessage":"Submission failed. Please reload the page and try to submit the form again.","htmlEmail":true,"mailchimpPendingMessage":"Please check your email to confirm your subscription.","mailchimpErrorMessage":"Sorry, but we could not subscribe you.","sendgridErrorMessage":"Sorry, but we could not subscribe you.","_margin":{"left":"auto","right":"auto"},"_width":"100%","_widthMax":"400","submitButtonWidth":"100%","submitButtonBackgroundColor":{"hex":"#6ab1f3","id":"vqhiae","name":"Color #1"},"submitButtonTypography":{"color":{"hex":"#ffffff","id":"edddcc","name":"Color #2"}},"submitButtonBorder":{"radius":{"top":"10","right":"10","bottom":"10","left":"10"}},"fieldMargin":{"bottom":"10"},"fieldBorder":{"radius":{"top":"10","right":"10","bottom":"10","left":"10"}},"emailContent":"{{all_fields}}"},"themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://test.local","version":"1.12.3","globalClasses":[],"globalElements":[]}