Component laden...

Laden

Meer onderdelen

Bekijk alles
Deel van

Dark Onboarding/Profile Form

Oeps! Er ging iets mis bij het verzenden van het formulier.
Dark Onboarding/Profile Form
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a18","type":"FormWrapper","tag":"div","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792241"],"children":["ec854f01-ac2c-a7a2-3db8-8be89f00eb08","2e66673d-3c07-ca2a-e93a-5878e4686a19","2e66673d-3c07-ca2a-e93a-5878e4686a2b","2e66673d-3c07-ca2a-e93a-5878e4686a2e"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"ec854f01-ac2c-a7a2-3db8-8be89f00eb08","type":"Block","tag":"div","classes":["c4a4358c-1ef5-43ab-8e1c-9e539ed788d6"],"children":["ec854f01-ac2c-a7a2-3db8-8be89f00eb09","ec854f01-ac2c-a7a2-3db8-8be89f00eb0b","ec854f01-ac2c-a7a2-3db8-8be89f00eb0d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ec854f01-ac2c-a7a2-3db8-8be89f00eb09","type":"Block","tag":"div","classes":["03e91d55-a96a-88b2-4f3f-0215d5ef0052"],"children":["ec854f01-ac2c-a7a2-3db8-8be89f00eb0a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ec854f01-ac2c-a7a2-3db8-8be89f00eb0a","type":"Block","tag":"div","classes":["9d8a34fa-5430-e033-4380-85e72e825d28"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"ec854f01-ac2c-a7a2-3db8-8be89f00eb0b","type":"Block","tag":"div","classes":["03e91d55-a96a-88b2-4f3f-0215d5ef0052"],"children":["ec854f01-ac2c-a7a2-3db8-8be89f00eb0c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ec854f01-ac2c-a7a2-3db8-8be89f00eb0c","type":"Block","tag":"div","classes":["9d8a34fa-5430-e033-4380-85e72e825d28"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"ec854f01-ac2c-a7a2-3db8-8be89f00eb0d","type":"Block","tag":"div","classes":["03e91d55-a96a-88b2-4f3f-0215d5ef0052"],"children":["ec854f01-ac2c-a7a2-3db8-8be89f00eb0e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ec854f01-ac2c-a7a2-3db8-8be89f00eb0e","type":"Block","tag":"div","classes":["9d8a34fa-5430-e033-4380-85e72e825d28"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a19","type":"FormForm","tag":"form","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792248"],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a1f","2e66673d-3c07-ca2a-e93a-5878e4686a1a","8e59bdba-f3af-84a1-d4ac-af566f5b459d","7a174a65-740c-fe6f-e9ff-1f215ae456a3","2e66673d-3c07-ca2a-e93a-5878e4686a21","2e66673d-3c07-ca2a-e93a-5878e4686a23","061e57c8-9aba-daf0-5138-99e98a52576c","2e66673d-3c07-ca2a-e93a-5878e4686a25","2e66673d-3c07-ca2a-e93a-5878e4686a26"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"profile"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"/complete-sign-up","data-redirect":"/complete-sign-up","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a1f","type":"Paragraph","tag":"p","classes":["7e390eaf-c902-f943-d01b-e23792d34eb7"],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a20"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a20","text":true,"v":"2 / 3"},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a1a","type":"Heading","tag":"h1","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792244"],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a1b"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a1b","text":true,"v":"Tell us about your company"},{"_id":"8e59bdba-f3af-84a1-d4ac-af566f5b459d","type":"Paragraph","tag":"p","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792240"],"children":["8e59bdba-f3af-84a1-d4ac-af566f5b459e"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"8e59bdba-f3af-84a1-d4ac-af566f5b459e","text":true,"v":"Give us some information on your company."},{"_id":"7a174a65-740c-fe6f-e9ff-1f215ae456a3","type":"Block","tag":"div","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792238"],"children":["73b73df0-7ff3-b206-0a00-b4061ab73a7a","b5c0feee-a49c-76c4-24b6-8393b4c29a3a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"73b73df0-7ff3-b206-0a00-b4061ab73a7a","type":"Block","tag":"div","classes":["11c69b83-45b0-1b44-6a3a-6e6cd31cdd94"],"children":["73b73df0-7ff3-b206-0a00-b4061ab73a7b"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"73b73df0-7ff3-b206-0a00-b4061ab73a7b","text":true,"v":"Company logo"},{"_id":"b5c0feee-a49c-76c4-24b6-8393b4c29a3a","type":"Block","tag":"div","classes":["b3b3500e-85f7-05aa-b7bb-1ef09fffce32"],"children":["b5c0feee-a49c-76c4-24b6-8393b4c29a3b","b5c0feee-a49c-76c4-24b6-8393b4c29a3c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b5c0feee-a49c-76c4-24b6-8393b4c29a3b","type":"Image","tag":"img","classes":["b3b3500e-85f7-05aa-b7bb-1ef09fffce33"],"children":[],"data":{"img":{"id":"647da75a2521205f29492362"},"xattr":[{"name":"data-ms-member","value":"profile-image"}],"attr":{"src":"https://cdn.prod.website-files.com/647d9e4df12aa9a6e27282d2/647da75a2521205f29492362_white-profile-empty%20(1).svg","loading":"auto","width":"auto","height":"auto","id":""},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"b5c0feee-a49c-76c4-24b6-8393b4c29a3c","type":"Link","tag":"a","classes":["b3b3500e-85f7-05aa-b7bb-1ef09fffce34"],"children":["b5c0feee-a49c-76c4-24b6-8393b4c29a3e"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"profile-image"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"b5c0feee-a49c-76c4-24b6-8393b4c29a3e","type":"Block","tag":"div","classes":[],"children":["b5c0feee-a49c-76c4-24b6-8393b4c29a3f"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b5c0feee-a49c-76c4-24b6-8393b4c29a3f","text":true,"v":"Upload Image"},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a21","type":"Block","tag":"div","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792238"],"children":["991bc745-170e-958b-0584-599e445737fc","2e66673d-3c07-ca2a-e93a-5878e4686a22"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"991bc745-170e-958b-0584-599e445737fc","type":"Block","tag":"div","classes":["11c69b83-45b0-1b44-6a3a-6e6cd31cdd94"],"children":["991bc745-170e-958b-0584-599e445737fd"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"991bc745-170e-958b-0584-599e445737fd","text":true,"v":"Company name"},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a22","type":"FormTextInput","tag":"input","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792247"],"children":[],"data":{"attr":{"id":"Company-name","name":"Company-name","maxlength":256,"data-name":"Company name","placeholder":"Microsoft","disabled":false,"type":"text","required":false,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"company"}],"form":{"name":"Company name","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a23","type":"Block","tag":"div","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792238"],"children":["88b71e55-9628-7c6a-668e-411ffac49f02","2e66673d-3c07-ca2a-e93a-5878e4686a24"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"88b71e55-9628-7c6a-668e-411ffac49f02","type":"Block","tag":"div","classes":["11c69b83-45b0-1b44-6a3a-6e6cd31cdd94"],"children":["88b71e55-9628-7c6a-668e-411ffac49f03"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"88b71e55-9628-7c6a-668e-411ffac49f03","text":true,"v":"What does your company do?"},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a24","type":"FormTextInput","tag":"input","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792247"],"children":[],"data":{"attr":{"id":"Description","name":"Description","maxlength":256,"data-name":"Description","placeholder":"We make operating systems for computers.","disabled":false,"type":"text","required":false,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"company-description"}],"form":{"name":"Description","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"061e57c8-9aba-daf0-5138-99e98a52576c","type":"Block","tag":"div","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792238"],"children":["061e57c8-9aba-daf0-5138-99e98a52576d","cf8fa988-faa1-f6c8-665f-203e7a645c61"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"061e57c8-9aba-daf0-5138-99e98a52576d","type":"Block","tag":"div","classes":["11c69b83-45b0-1b44-6a3a-6e6cd31cdd94"],"children":["061e57c8-9aba-daf0-5138-99e98a52576e"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"061e57c8-9aba-daf0-5138-99e98a52576e","text":true,"v":"What industry is your company in?"},{"_id":"cf8fa988-faa1-f6c8-665f-203e7a645c61","type":"FormSelect","tag":"select","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792247","d1e3c295-79c6-fadf-9c83-41f84bae4eab"],"children":[],"data":{"attr":{"id":"industry","name":"industry","data-name":"industry","required":false,"multiple":false},"xattr":[{"name":"data-ms-member","value":"company-industry"}],"form":{"name":"industry","opts":[{"t":"Select one...","v":""},{"t":"Software","v":"Software"},{"t":"Accounting","v":"Accounting"},{"t":"Other","v":"Other"}],"type":"select"},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a25","type":"Block","tag":"div","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792246"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a26","type":"FormButton","tag":"input","classes":["7228a9f0-8fc5-593f-8ce2-9759ef79223c"],"children":[],"data":{"attr":{"type":"submit","value":"Continue","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a2b","type":"FormSuccessMessage","tag":"div","classes":[],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a2c"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a2c","type":"Block","tag":"div","classes":[],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a2d"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a2d","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a2e","type":"FormErrorMessage","tag":"div","classes":[],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a2f"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a2f","type":"Block","tag":"div","classes":[],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a30"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a30","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef79223c","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 100%; height: 45px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(209, 0.00%, 100.00%, 1.00); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 16px; font-weight: 500; text-decoration: none;","variants":{},"children":["7228a9f0-8fc5-593f-8ce2-9759ef792249"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792238","fake":false,"type":"class","name":"form-field","namespace":"","comb":"","styleLess":"margin-bottom: 20px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b3b3500e-85f7-05aa-b7bb-1ef09fffce33","fake":false,"type":"class","name":"ms-profile-image-preview","namespace":"","comb":"","styleLess":"display: inline-block; width: 56px; height: 56px; margin-top: 0px; margin-bottom: 0px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(0, 0.00%, 80.00%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"b3b3500e-85f7-05aa-b7bb-1ef09fffce34","fake":false,"type":"class","name":"ms-profile-upload","namespace":"","comb":"","styleLess":"display: flex; height: 32px; padding-right: 15px; padding-left: 15px; align-items: center; grid-column-gap: 4px; grid-row-gap: 4px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 29.80%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 29.80%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 29.80%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 29.80%, 1.00); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(0, 0.00%, 23.14%, 1.00); color: hsla(226.875, 0.00%, 100.00%, 1.00); line-height: 27px; text-decoration: none;","variants":{},"children":[],"selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792246","fake":false,"type":"class","name":"spacer-20","namespace":"","comb":"","styleLess":"width: 100%; height: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"9d8a34fa-5430-e033-4380-85e72e825d28","fake":false,"type":"class","name":"progress-bar-inner","namespace":"","comb":"","styleLess":"width: 0%; height: 100%; background-color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792244","fake":false,"type":"class","name":"mb-20","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 10px; font-weight: 500;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b3b3500e-85f7-05aa-b7bb-1ef09fffce32","fake":false,"type":"class","name":"ms-profile-image-row","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 0px; align-items: center; grid-column-gap: 16px; grid-row-gap: 16px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792240","fake":false,"type":"class","name":"p-light","namespace":"","comb":"","styleLess":"margin-bottom: 35px; color: hsla(0, 0.00%, 100.00%, 0.80); font-weight: 300;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792248","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792247","fake":false,"type":"class","name":"field","namespace":"","comb":"","styleLess":"height: 40px; margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 30.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 30.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 30.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 30.00%, 1.00); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(0, 0.00%, 23.33%, 1.00); box-shadow: 0 2px 3px 0 hsla(0, 0.00%, 0.00%, 0.10); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"main_focus-visible":{"styleLess":"color: hsla(0, 0.00%, 100.00%, 1.00);"}},"children":["d1e3c295-79c6-fadf-9c83-41f84bae4eab"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792241","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; height: 100%; margin-top: 0px; margin-bottom: 0px; padding-top: 40px; padding-right: 60px; padding-bottom: 40px; padding-left: 60px; flex-direction: column; justify-content: center; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;","variants":{"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"11c69b83-45b0-1b44-6a3a-6e6cd31cdd94","fake":false,"type":"class","name":"label","namespace":"","comb":"","styleLess":"margin-bottom: 10px; font-weight: 400;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"c4a4358c-1ef5-43ab-8e1c-9e539ed788d6","fake":false,"type":"class","name":"progress-bar","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: auto; display: flex; height: 10px; align-items: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d1e3c295-79c6-fadf-9c83-41f84bae4eab","fake":false,"type":"class","name":"select","namespace":"","comb":"&","styleLess":"color: hsla(0, 0.00%, 60.00%, 1.00);","variants":{"main_focus-visible":{"styleLess":"color: hsla(0, 0.00%, 60.00%, 1.00);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"7e390eaf-c902-f943-d01b-e23792d34eb7","fake":false,"type":"class","name":"progress","namespace":"","comb":"","styleLess":"margin-bottom: 20px; font-weight: 400; letter-spacing: 1px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"03e91d55-a96a-88b2-4f3f-0215d5ef0052","fake":false,"type":"class","name":"progress-bar-step","namespace":"","comb":"","styleLess":"width: 33.33%; height: 100%;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/647d9e4df12aa9a6e27282d2/647da75a2521205f29492362_white-profile-empty%20(1).svg","siteId":"647d9e4df12aa9a6e27282d2","width":42,"isHD":false,"height":42,"fileName":"647da75a2521205f29492362_white-profile-empty (1).svg","createdOn":"2023-06-05T09:14:02.052Z","origFileName":"white-profile-empty (1).svg","fileHash":"1dcd7a5bfd206688009248d0e2c942a9","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647d9e4df12aa9a6e27282d2/647da75a2521205f29492362_white-profile-empty%20(1).svg","thumbUrl":"https://cdn.prod.website-files.com/647d9e4df12aa9a6e27282d2/647da75a2521205f29492362_white-profile-empty%20(1).svg","_id":"647da75a2521205f29492362","updatedOn":"2023-06-05T09:14:02.141Z","fileSize":359}],"ix1":[],"ix2":{"interactions":[{"id":"i-2","interactionTypeId":"SCROLL_INTO_VIEW_INTERACTION","eventIds":["e-3","e-4"],"target":"647da0d54a05ef6c460b4e8e|ec854f01-ac2c-a7a2-3db8-8be89f00eb09","createdOn":1685955325285},{"id":"i-3","interactionTypeId":"SCROLL_INTO_VIEW_INTERACTION","eventIds":["e-5","e-6"],"target":"647da0d54a05ef6c460b4e8e|ec854f01-ac2c-a7a2-3db8-8be89f00eb0b","createdOn":1685955346157}],"events":[{"id":"e-3","name":"","animationType":"preset","eventTypeId":"SCROLL_INTO_VIEW","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-2","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-4"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"647da0d54a05ef6c460b4e8e|ec854f01-ac2c-a7a2-3db8-8be89f00eb09","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"647da0d54a05ef6c460b4e8e|ec854f01-ac2c-a7a2-3db8-8be89f00eb09","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1685955325285},{"id":"e-4","name":"","animationType":"preset","eventTypeId":"SCROLL_OUT_OF_VIEW","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"647da0d54a05ef6c460b4e8e|ec854f01-ac2c-a7a2-3db8-8be89f00eb09","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"647da0d54a05ef6c460b4e8e|ec854f01-ac2c-a7a2-3db8-8be89f00eb09","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1685955325285},{"id":"e-5","name":"","animationType":"custom","eventTypeId":"SCROLL_INTO_VIEW","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-6"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"647da0d54a05ef6c460b4e8e|ec854f01-ac2c-a7a2-3db8-8be89f00eb0b","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"647da0d54a05ef6c460b4e8e|ec854f01-ac2c-a7a2-3db8-8be89f00eb0b","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1685955346157},{"id":"e-6","name":"","animationType":"preset","eventTypeId":"SCROLL_OUT_OF_VIEW","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"647da0d54a05ef6c460b4e8e|ec854f01-ac2c-a7a2-3db8-8be89f00eb0b","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"647da0d54a05ef6c460b4e8e|ec854f01-ac2c-a7a2-3db8-8be89f00eb0b","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1685955346158}],"actionLists":[{"id":"a-2","title":"Last Progress Step","actionItemGroups":[{"actionItems":[{"id":"a-2-n","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"647d9e4df12aa9a6e27282d5|451fad47-8aeb-13dc-69c0-8811b06188e0","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["03e91d55-a96a-88b2-4f3f-0215d5ef0052"],"boundaryMode":false},"globalSwatchId":"","rValue":77,"bValue":77,"gValue":77,"aValue":1},"instant":false}]},{"actionItems":[{"id":"a-2-n-2","actionTypeId":"STYLE_SIZE","config":{"delay":0,"easing":"ease","duration":500,"target":{"nodeId":"647da0d54a05ef6c460b4e8e|ec854f01-ac2c-a7a2-3db8-8be89f00eb0a","appliesTo":"ELEMENT_CLASS","styleBlockIds":["9d8a34fa-5430-e033-4380-85e72e825d28"],"useEventTarget":"CHILDREN","boundaryMode":false},"widthValue":100,"widthUnit":"%","heightUnit":"PX","locked":false},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1685955273324},{"id":"a","title":"Current Progress Step","actionItemGroups":[{"actionItems":[{"id":"a-n","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"647d9e4df12aa9a6e27282d5|451fad47-8aeb-13dc-69c0-8811b06188e0","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["03e91d55-a96a-88b2-4f3f-0215d5ef0052"],"boundaryMode":false},"globalSwatchId":"","rValue":77,"bValue":77,"gValue":77,"aValue":1},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1685955273324}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Kopieer component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a18","type":"FormWrapper","tag":"div","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792241"],"children":["ec854f01-ac2c-a7a2-3db8-8be89f00eb08","2e66673d-3c07-ca2a-e93a-5878e4686a19","2e66673d-3c07-ca2a-e93a-5878e4686a2b","2e66673d-3c07-ca2a-e93a-5878e4686a2e"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"ec854f01-ac2c-a7a2-3db8-8be89f00eb08","type":"Block","tag":"div","classes":["c4a4358c-1ef5-43ab-8e1c-9e539ed788d6"],"children":["ec854f01-ac2c-a7a2-3db8-8be89f00eb09","ec854f01-ac2c-a7a2-3db8-8be89f00eb0b","ec854f01-ac2c-a7a2-3db8-8be89f00eb0d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ec854f01-ac2c-a7a2-3db8-8be89f00eb09","type":"Block","tag":"div","classes":["03e91d55-a96a-88b2-4f3f-0215d5ef0052"],"children":["ec854f01-ac2c-a7a2-3db8-8be89f00eb0a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ec854f01-ac2c-a7a2-3db8-8be89f00eb0a","type":"Block","tag":"div","classes":["9d8a34fa-5430-e033-4380-85e72e825d28"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"ec854f01-ac2c-a7a2-3db8-8be89f00eb0b","type":"Block","tag":"div","classes":["03e91d55-a96a-88b2-4f3f-0215d5ef0052"],"children":["ec854f01-ac2c-a7a2-3db8-8be89f00eb0c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ec854f01-ac2c-a7a2-3db8-8be89f00eb0c","type":"Block","tag":"div","classes":["9d8a34fa-5430-e033-4380-85e72e825d28"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"ec854f01-ac2c-a7a2-3db8-8be89f00eb0d","type":"Block","tag":"div","classes":["03e91d55-a96a-88b2-4f3f-0215d5ef0052"],"children":["ec854f01-ac2c-a7a2-3db8-8be89f00eb0e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ec854f01-ac2c-a7a2-3db8-8be89f00eb0e","type":"Block","tag":"div","classes":["9d8a34fa-5430-e033-4380-85e72e825d28"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a19","type":"FormForm","tag":"form","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792248"],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a1f","2e66673d-3c07-ca2a-e93a-5878e4686a1a","8e59bdba-f3af-84a1-d4ac-af566f5b459d","7a174a65-740c-fe6f-e9ff-1f215ae456a3","2e66673d-3c07-ca2a-e93a-5878e4686a21","2e66673d-3c07-ca2a-e93a-5878e4686a23","061e57c8-9aba-daf0-5138-99e98a52576c","2e66673d-3c07-ca2a-e93a-5878e4686a25","2e66673d-3c07-ca2a-e93a-5878e4686a26"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"profile"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"/complete-sign-up","data-redirect":"/complete-sign-up","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a1f","type":"Paragraph","tag":"p","classes":["7e390eaf-c902-f943-d01b-e23792d34eb7"],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a20"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a20","text":true,"v":"2 / 3"},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a1a","type":"Heading","tag":"h1","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792244"],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a1b"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a1b","text":true,"v":"Tell us about your company"},{"_id":"8e59bdba-f3af-84a1-d4ac-af566f5b459d","type":"Paragraph","tag":"p","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792240"],"children":["8e59bdba-f3af-84a1-d4ac-af566f5b459e"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"8e59bdba-f3af-84a1-d4ac-af566f5b459e","text":true,"v":"Give us some information on your company."},{"_id":"7a174a65-740c-fe6f-e9ff-1f215ae456a3","type":"Block","tag":"div","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792238"],"children":["73b73df0-7ff3-b206-0a00-b4061ab73a7a","b5c0feee-a49c-76c4-24b6-8393b4c29a3a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"73b73df0-7ff3-b206-0a00-b4061ab73a7a","type":"Block","tag":"div","classes":["11c69b83-45b0-1b44-6a3a-6e6cd31cdd94"],"children":["73b73df0-7ff3-b206-0a00-b4061ab73a7b"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"73b73df0-7ff3-b206-0a00-b4061ab73a7b","text":true,"v":"Company logo"},{"_id":"b5c0feee-a49c-76c4-24b6-8393b4c29a3a","type":"Block","tag":"div","classes":["b3b3500e-85f7-05aa-b7bb-1ef09fffce32"],"children":["b5c0feee-a49c-76c4-24b6-8393b4c29a3b","b5c0feee-a49c-76c4-24b6-8393b4c29a3c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b5c0feee-a49c-76c4-24b6-8393b4c29a3b","type":"Image","tag":"img","classes":["b3b3500e-85f7-05aa-b7bb-1ef09fffce33"],"children":[],"data":{"img":{"id":"647da75a2521205f29492362"},"xattr":[{"name":"data-ms-member","value":"profile-image"}],"attr":{"src":"https://cdn.prod.website-files.com/647d9e4df12aa9a6e27282d2/647da75a2521205f29492362_white-profile-empty%20(1).svg","loading":"auto","width":"auto","height":"auto","id":""},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"b5c0feee-a49c-76c4-24b6-8393b4c29a3c","type":"Link","tag":"a","classes":["b3b3500e-85f7-05aa-b7bb-1ef09fffce34"],"children":["b5c0feee-a49c-76c4-24b6-8393b4c29a3e"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"profile-image"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"b5c0feee-a49c-76c4-24b6-8393b4c29a3e","type":"Block","tag":"div","classes":[],"children":["b5c0feee-a49c-76c4-24b6-8393b4c29a3f"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b5c0feee-a49c-76c4-24b6-8393b4c29a3f","text":true,"v":"Upload Image"},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a21","type":"Block","tag":"div","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792238"],"children":["991bc745-170e-958b-0584-599e445737fc","2e66673d-3c07-ca2a-e93a-5878e4686a22"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"991bc745-170e-958b-0584-599e445737fc","type":"Block","tag":"div","classes":["11c69b83-45b0-1b44-6a3a-6e6cd31cdd94"],"children":["991bc745-170e-958b-0584-599e445737fd"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"991bc745-170e-958b-0584-599e445737fd","text":true,"v":"Company name"},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a22","type":"FormTextInput","tag":"input","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792247"],"children":[],"data":{"attr":{"id":"Company-name","name":"Company-name","maxlength":256,"data-name":"Company name","placeholder":"Microsoft","disabled":false,"type":"text","required":false,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"company"}],"form":{"name":"Company name","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a23","type":"Block","tag":"div","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792238"],"children":["88b71e55-9628-7c6a-668e-411ffac49f02","2e66673d-3c07-ca2a-e93a-5878e4686a24"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"88b71e55-9628-7c6a-668e-411ffac49f02","type":"Block","tag":"div","classes":["11c69b83-45b0-1b44-6a3a-6e6cd31cdd94"],"children":["88b71e55-9628-7c6a-668e-411ffac49f03"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"88b71e55-9628-7c6a-668e-411ffac49f03","text":true,"v":"What does your company do?"},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a24","type":"FormTextInput","tag":"input","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792247"],"children":[],"data":{"attr":{"id":"Description","name":"Description","maxlength":256,"data-name":"Description","placeholder":"We make operating systems for computers.","disabled":false,"type":"text","required":false,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"company-description"}],"form":{"name":"Description","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"061e57c8-9aba-daf0-5138-99e98a52576c","type":"Block","tag":"div","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792238"],"children":["061e57c8-9aba-daf0-5138-99e98a52576d","cf8fa988-faa1-f6c8-665f-203e7a645c61"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"061e57c8-9aba-daf0-5138-99e98a52576d","type":"Block","tag":"div","classes":["11c69b83-45b0-1b44-6a3a-6e6cd31cdd94"],"children":["061e57c8-9aba-daf0-5138-99e98a52576e"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"061e57c8-9aba-daf0-5138-99e98a52576e","text":true,"v":"What industry is your company in?"},{"_id":"cf8fa988-faa1-f6c8-665f-203e7a645c61","type":"FormSelect","tag":"select","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792247","d1e3c295-79c6-fadf-9c83-41f84bae4eab"],"children":[],"data":{"attr":{"id":"industry","name":"industry","data-name":"industry","required":false,"multiple":false},"xattr":[{"name":"data-ms-member","value":"company-industry"}],"form":{"name":"industry","opts":[{"t":"Select one...","v":""},{"t":"Software","v":"Software"},{"t":"Accounting","v":"Accounting"},{"t":"Other","v":"Other"}],"type":"select"},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a25","type":"Block","tag":"div","classes":["7228a9f0-8fc5-593f-8ce2-9759ef792246"],"children":[],"data":{"text":false,"tag":"div","displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a26","type":"FormButton","tag":"input","classes":["7228a9f0-8fc5-593f-8ce2-9759ef79223c"],"children":[],"data":{"attr":{"type":"submit","value":"Continue","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a2b","type":"FormSuccessMessage","tag":"div","classes":[],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a2c"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a2c","type":"Block","tag":"div","classes":[],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a2d"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a2d","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a2e","type":"FormErrorMessage","tag":"div","classes":[],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a2f"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a2f","type":"Block","tag":"div","classes":[],"children":["2e66673d-3c07-ca2a-e93a-5878e4686a30"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"2e66673d-3c07-ca2a-e93a-5878e4686a30","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef79223c","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 100%; height: 45px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(209, 0.00%, 100.00%, 1.00); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 16px; font-weight: 500; text-decoration: none;","variants":{},"children":["7228a9f0-8fc5-593f-8ce2-9759ef792249"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792238","fake":false,"type":"class","name":"form-field","namespace":"","comb":"","styleLess":"margin-bottom: 20px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b3b3500e-85f7-05aa-b7bb-1ef09fffce33","fake":false,"type":"class","name":"ms-profile-image-preview","namespace":"","comb":"","styleLess":"display: inline-block; width: 56px; height: 56px; margin-top: 0px; margin-bottom: 0px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(0, 0.00%, 80.00%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"b3b3500e-85f7-05aa-b7bb-1ef09fffce34","fake":false,"type":"class","name":"ms-profile-upload","namespace":"","comb":"","styleLess":"display: flex; height: 32px; padding-right: 15px; padding-left: 15px; align-items: center; grid-column-gap: 4px; grid-row-gap: 4px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 29.80%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 29.80%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 29.80%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 29.80%, 1.00); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(0, 0.00%, 23.14%, 1.00); color: hsla(226.875, 0.00%, 100.00%, 1.00); line-height: 27px; text-decoration: none;","variants":{},"children":[],"selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792246","fake":false,"type":"class","name":"spacer-20","namespace":"","comb":"","styleLess":"width: 100%; height: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"9d8a34fa-5430-e033-4380-85e72e825d28","fake":false,"type":"class","name":"progress-bar-inner","namespace":"","comb":"","styleLess":"width: 0%; height: 100%; background-color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792244","fake":false,"type":"class","name":"mb-20","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 10px; font-weight: 500;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"b3b3500e-85f7-05aa-b7bb-1ef09fffce32","fake":false,"type":"class","name":"ms-profile-image-row","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 0px; align-items: center; grid-column-gap: 16px; grid-row-gap: 16px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792240","fake":false,"type":"class","name":"p-light","namespace":"","comb":"","styleLess":"margin-bottom: 35px; color: hsla(0, 0.00%, 100.00%, 0.80); font-weight: 300;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792248","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792247","fake":false,"type":"class","name":"field","namespace":"","comb":"","styleLess":"height: 40px; margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 30.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 30.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 30.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 30.00%, 1.00); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(0, 0.00%, 23.33%, 1.00); box-shadow: 0 2px 3px 0 hsla(0, 0.00%, 0.00%, 0.10); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"main_focus-visible":{"styleLess":"color: hsla(0, 0.00%, 100.00%, 1.00);"}},"children":["d1e3c295-79c6-fadf-9c83-41f84bae4eab"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"7228a9f0-8fc5-593f-8ce2-9759ef792241","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; height: 100%; margin-top: 0px; margin-bottom: 0px; padding-top: 40px; padding-right: 60px; padding-bottom: 40px; padding-left: 60px; flex-direction: column; justify-content: center; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;","variants":{"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"11c69b83-45b0-1b44-6a3a-6e6cd31cdd94","fake":false,"type":"class","name":"label","namespace":"","comb":"","styleLess":"margin-bottom: 10px; font-weight: 400;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"c4a4358c-1ef5-43ab-8e1c-9e539ed788d6","fake":false,"type":"class","name":"progress-bar","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: auto; display: flex; height: 10px; align-items: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d1e3c295-79c6-fadf-9c83-41f84bae4eab","fake":false,"type":"class","name":"select","namespace":"","comb":"&","styleLess":"color: hsla(0, 0.00%, 60.00%, 1.00);","variants":{"main_focus-visible":{"styleLess":"color: hsla(0, 0.00%, 60.00%, 1.00);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"7e390eaf-c902-f943-d01b-e23792d34eb7","fake":false,"type":"class","name":"progress","namespace":"","comb":"","styleLess":"margin-bottom: 20px; font-weight: 400; letter-spacing: 1px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"03e91d55-a96a-88b2-4f3f-0215d5ef0052","fake":false,"type":"class","name":"progress-bar-step","namespace":"","comb":"","styleLess":"width: 33.33%; height: 100%;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/647d9e4df12aa9a6e27282d2/647da75a2521205f29492362_white-profile-empty%20(1).svg","siteId":"647d9e4df12aa9a6e27282d2","width":42,"isHD":false,"height":42,"fileName":"647da75a2521205f29492362_white-profile-empty (1).svg","createdOn":"2023-06-05T09:14:02.052Z","origFileName":"white-profile-empty (1).svg","fileHash":"1dcd7a5bfd206688009248d0e2c942a9","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647d9e4df12aa9a6e27282d2/647da75a2521205f29492362_white-profile-empty%20(1).svg","thumbUrl":"https://cdn.prod.website-files.com/647d9e4df12aa9a6e27282d2/647da75a2521205f29492362_white-profile-empty%20(1).svg","_id":"647da75a2521205f29492362","updatedOn":"2023-06-05T09:14:02.141Z","fileSize":359}],"ix1":[],"ix2":{"interactions":[{"id":"i-2","interactionTypeId":"SCROLL_INTO_VIEW_INTERACTION","eventIds":["e-3","e-4"],"target":"647da0d54a05ef6c460b4e8e|ec854f01-ac2c-a7a2-3db8-8be89f00eb09","createdOn":1685955325285},{"id":"i-3","interactionTypeId":"SCROLL_INTO_VIEW_INTERACTION","eventIds":["e-5","e-6"],"target":"647da0d54a05ef6c460b4e8e|ec854f01-ac2c-a7a2-3db8-8be89f00eb0b","createdOn":1685955346157}],"events":[{"id":"e-3","name":"","animationType":"preset","eventTypeId":"SCROLL_INTO_VIEW","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-2","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-4"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"647da0d54a05ef6c460b4e8e|ec854f01-ac2c-a7a2-3db8-8be89f00eb09","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"647da0d54a05ef6c460b4e8e|ec854f01-ac2c-a7a2-3db8-8be89f00eb09","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1685955325285},{"id":"e-4","name":"","animationType":"preset","eventTypeId":"SCROLL_OUT_OF_VIEW","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"647da0d54a05ef6c460b4e8e|ec854f01-ac2c-a7a2-3db8-8be89f00eb09","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"647da0d54a05ef6c460b4e8e|ec854f01-ac2c-a7a2-3db8-8be89f00eb09","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1685955325285},{"id":"e-5","name":"","animationType":"custom","eventTypeId":"SCROLL_INTO_VIEW","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-6"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"647da0d54a05ef6c460b4e8e|ec854f01-ac2c-a7a2-3db8-8be89f00eb0b","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"647da0d54a05ef6c460b4e8e|ec854f01-ac2c-a7a2-3db8-8be89f00eb0b","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1685955346157},{"id":"e-6","name":"","animationType":"preset","eventTypeId":"SCROLL_OUT_OF_VIEW","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"647da0d54a05ef6c460b4e8e|ec854f01-ac2c-a7a2-3db8-8be89f00eb0b","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"647da0d54a05ef6c460b4e8e|ec854f01-ac2c-a7a2-3db8-8be89f00eb0b","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":0,"scrollOffsetUnit":"%","delay":null,"direction":null,"effectIn":null},"createdOn":1685955346158}],"actionLists":[{"id":"a-2","title":"Last Progress Step","actionItemGroups":[{"actionItems":[{"id":"a-2-n","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"647d9e4df12aa9a6e27282d5|451fad47-8aeb-13dc-69c0-8811b06188e0","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["03e91d55-a96a-88b2-4f3f-0215d5ef0052"],"boundaryMode":false},"globalSwatchId":"","rValue":77,"bValue":77,"gValue":77,"aValue":1},"instant":false}]},{"actionItems":[{"id":"a-2-n-2","actionTypeId":"STYLE_SIZE","config":{"delay":0,"easing":"ease","duration":500,"target":{"nodeId":"647da0d54a05ef6c460b4e8e|ec854f01-ac2c-a7a2-3db8-8be89f00eb0a","appliesTo":"ELEMENT_CLASS","styleBlockIds":["9d8a34fa-5430-e033-4380-85e72e825d28"],"useEventTarget":"CHILDREN","boundaryMode":false},"widthValue":100,"widthUnit":"%","heightUnit":"PX","locked":false},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1685955273324},{"id":"a","title":"Current Progress Step","actionItemGroups":[{"actionItems":[{"id":"a-n","actionTypeId":"STYLE_BACKGROUND_COLOR","config":{"delay":0,"easing":"","duration":500,"target":{"nodeId":"647d9e4df12aa9a6e27282d5|451fad47-8aeb-13dc-69c0-8811b06188e0","appliesTo":"TRIGGER_ELEMENT","styleBlockIds":["03e91d55-a96a-88b2-4f3f-0215d5ef0052"],"boundaryMode":false},"globalSwatchId":"","rValue":77,"bValue":77,"gValue":77,"aValue":1},"instant":false}]}],"useFirstGroupAsInitialState":true,"createdOn":1685955273324}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser niet ondersteund. Gebruik
CC Chrome of SS Safari.

Over dit onderdeel

AI-gegenereerd

Beschrijving van onderdeel (gegenereerd door AI)

The Dark Onboarding/Profile Form is a sleek, user-friendly form designed to collect essential information from users during the onboarding process. It features a modern dark theme that enhances user experience and engagement.

Belangrijkste kenmerken:

  • Responsive design suitable for various devices
  • Customizable fields for company name, description, and industry
  • Image upload functionality for company logos
  • Success and error messages for user feedback
  • Easy integration with Webflow CMS

Ontwerpelementen:

  • Dark color scheme with contrasting text for readability
  • Rounded corners and shadow effects for a modern look
  • Clear typography with a focus on legibility
  • Flexible layout with grid and block elements

Potentiële gebruikssituaties:

  • Startups looking to onboard new users efficiently
  • Businesses in need of a professional profile collection tool
  • Event registration forms for conferences or workshops
  • Surveys or feedback forms for product launches
  • User account creation forms for SaaS applications

Conclusion: The Dark Onboarding/Profile Form is a versatile and visually appealing component that can enhance user onboarding experiences across various industries, making it an excellent choice for businesses aiming to streamline their user engagement processes.

Bouwen

Begin met het bouwen van je dromen

Memberstack is 100% gratis totdat u klaar bent om te lanceren - dus waar wacht u nog op? Maak je eerste app en begin vandaag nog.