Component laden...

Laden

Meer onderdelen

Bekijk alles
Deel van

iOS Toggle Profile Form

Oeps! Er ging iets mis bij het verzenden van het formulier.
iOS Toggle Profile Form
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"32e499bb-9b25-bb43-e955-6dc5087a620c","type":"FormWrapper","tag":"div","classes":["4993df95-d2b7-800a-1a4e-91e224a0f670"],"children":["32e499bb-9b25-bb43-e955-6dc5087a620d","32e499bb-9b25-bb43-e955-6dc5087a6245","32e499bb-9b25-bb43-e955-6dc5087a6248"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a620d","type":"FormForm","tag":"form","classes":["cfd7907b-6d1b-36fa-d69e-a11f6480219c"],"children":["32e499bb-9b25-bb43-e955-6dc5087a620e","32e499bb-9b25-bb43-e955-6dc5087a6219","32e499bb-9b25-bb43-e955-6dc5087a622b","2161f453-6341-7097-eb0f-0d91f92f6775","32e499bb-9b25-bb43-e955-6dc5087a6244","20fbfcd2-45ef-4a46-9fab-b7e8eb809084"],"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":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a620e","type":"Block","tag":"div","classes":["d0606b8b-9cdc-e9a9-32f6-a7de80f09ffb"],"children":["32e499bb-9b25-bb43-e955-6dc5087a620f","32e499bb-9b25-bb43-e955-6dc5087a6211"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a620f","type":"Block","tag":"div","classes":["e4cc8cf3-e486-5c0a-5b06-1a7c78a2416d"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6210"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6210","text":true,"v":"Preferences"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6211","type":"Block","tag":"div","classes":["5a2ff87b-2024-ceb5-f302-2788b8dd85c5"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6212"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6212","type":"Block","tag":"div","classes":["1054bea3-6c43-86f0-70f1-869d5b3f197f","fa9c3c0f-dfa9-ad57-77ae-702072ef03ea"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6213","32e499bb-9b25-bb43-e955-6dc5087a6215"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6213","type":"Block","tag":"div","classes":[],"children":["32e499bb-9b25-bb43-e955-6dc5087a6214"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6214","text":true,"v":"Get weekly updates"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6215","type":"FormCheckboxWrapper","tag":"div","classes":["c042302b-fa72-57eb-56bc-3c1c4ccaa8d5"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6216","32e499bb-9b25-bb43-e955-6dc5087a6217"],"data":{"form":{"type":"checkbox"},"search":{"exclude":false},"xattr":[{"name":"ms-code-checkbox","value":"wrap"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6216","type":"FormCheckboxInput","tag":"input","classes":["fc6b293e-b163-fdcb-20c3-10e00ac2a95f"],"children":[],"data":{"form":{"type":"checkbox-input","name":"Checkbox 5"},"inputType":"custom","xattr":[{"name":"ms-code-checkbox","value":"check"},{"name":"ms-code-field-logic-trigger","value":"email-preferences"},{"name":"data-ms-member","value":"get-updates"}],"attr":{"type":"checkbox","id":"checkbox-5","name":"checkbox-5","data-name":"Checkbox 5","checked":false,"required":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6217","type":"FormInlineLabel","tag":"label","classes":["a5676cbc-a556-888f-9a15-6f7c682cad2a"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6218"],"data":{"form":{"type":"checkbox-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6218","text":true,"v":"Checkbox"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6219","type":"Block","tag":"div","classes":["d0606b8b-9cdc-e9a9-32f6-a7de80f09ffb"],"children":["32e499bb-9b25-bb43-e955-6dc5087a621a","32e499bb-9b25-bb43-e955-6dc5087a621c"],"data":{"search":{"exclude":false},"xattr":[{"name":"ms-code-field-logic-target","value":"email-preferences"}],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a621a","type":"Block","tag":"div","classes":["e4cc8cf3-e486-5c0a-5b06-1a7c78a2416d"],"children":["32e499bb-9b25-bb43-e955-6dc5087a621b"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a621b","text":true,"v":"Email frequency"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a621c","type":"Block","tag":"div","classes":["5a2ff87b-2024-ceb5-f302-2788b8dd85c5"],"children":["32e499bb-9b25-bb43-e955-6dc5087a621d","32e499bb-9b25-bb43-e955-6dc5087a6224"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a621d","type":"Block","tag":"div","classes":["1054bea3-6c43-86f0-70f1-869d5b3f197f","fa9c3c0f-dfa9-ad57-77ae-702072ef03ea"],"children":["32e499bb-9b25-bb43-e955-6dc5087a621e","32e499bb-9b25-bb43-e955-6dc5087a6220"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a621e","type":"Block","tag":"div","classes":[],"children":["32e499bb-9b25-bb43-e955-6dc5087a621f"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a621f","text":true,"v":"Get daily roundup"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6220","type":"FormCheckboxWrapper","tag":"div","classes":["c042302b-fa72-57eb-56bc-3c1c4ccaa8d5"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6221","32e499bb-9b25-bb43-e955-6dc5087a6222"],"data":{"form":{"type":"checkbox"},"search":{"exclude":false},"xattr":[{"name":"ms-code-checkbox","value":"wrap"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6221","type":"FormCheckboxInput","tag":"input","classes":["fc6b293e-b163-fdcb-20c3-10e00ac2a95f"],"children":[],"data":{"form":{"type":"checkbox-input","name":"Checkbox 4"},"inputType":"custom","xattr":[{"name":"ms-code-checkbox","value":"check"},{"name":"data-ms-member","value":"daily"}],"attr":{"type":"checkbox","id":"checkbox-4","name":"checkbox-4","data-name":"Checkbox 4","checked":false,"required":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6222","type":"FormInlineLabel","tag":"label","classes":["a5676cbc-a556-888f-9a15-6f7c682cad2a"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6223"],"data":{"form":{"type":"checkbox-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6223","text":true,"v":"Checkbox"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6224","type":"Block","tag":"div","classes":["1054bea3-6c43-86f0-70f1-869d5b3f197f"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6225","32e499bb-9b25-bb43-e955-6dc5087a6227"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6225","type":"Block","tag":"div","classes":[],"children":["32e499bb-9b25-bb43-e955-6dc5087a6226"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6226","text":true,"v":"Get weekly roundup"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6227","type":"FormCheckboxWrapper","tag":"div","classes":["c042302b-fa72-57eb-56bc-3c1c4ccaa8d5"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6228","32e499bb-9b25-bb43-e955-6dc5087a6229"],"data":{"form":{"type":"checkbox"},"search":{"exclude":false},"xattr":[{"name":"ms-code-checkbox","value":"wrap"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6228","type":"FormCheckboxInput","tag":"input","classes":["fc6b293e-b163-fdcb-20c3-10e00ac2a95f"],"children":[],"data":{"form":{"type":"checkbox-input","name":"Checkbox 2"},"inputType":"custom","xattr":[{"name":"ms-code-checkbox","value":"check"},{"name":"data-ms-member","value":"weekly"}],"attr":{"type":"checkbox","id":"checkbox-2","name":"checkbox-2","data-name":"Checkbox 2","checked":false,"required":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6229","type":"FormInlineLabel","tag":"label","classes":["a5676cbc-a556-888f-9a15-6f7c682cad2a"],"children":["32e499bb-9b25-bb43-e955-6dc5087a622a"],"data":{"form":{"type":"checkbox-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a622a","text":true,"v":"Checkbox"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a622b","type":"Block","tag":"div","classes":["d0606b8b-9cdc-e9a9-32f6-a7de80f09ffb"],"children":["32e499bb-9b25-bb43-e955-6dc5087a622c","32e499bb-9b25-bb43-e955-6dc5087a622e"],"data":{"search":{"exclude":false},"xattr":[{"name":"ms-code-field-logic-target","value":"email-preferences"}],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a622c","type":"Block","tag":"div","classes":["e4cc8cf3-e486-5c0a-5b06-1a7c78a2416d"],"children":["32e499bb-9b25-bb43-e955-6dc5087a622d"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a622d","text":true,"v":"Email content"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a622e","type":"Block","tag":"div","classes":["5a2ff87b-2024-ceb5-f302-2788b8dd85c5"],"children":["32e499bb-9b25-bb43-e955-6dc5087a622f","32e499bb-9b25-bb43-e955-6dc5087a6236","32e499bb-9b25-bb43-e955-6dc5087a623d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a622f","type":"Block","tag":"div","classes":["1054bea3-6c43-86f0-70f1-869d5b3f197f","fa9c3c0f-dfa9-ad57-77ae-702072ef03ea"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6230","32e499bb-9b25-bb43-e955-6dc5087a6232"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6230","type":"Block","tag":"div","classes":[],"children":["32e499bb-9b25-bb43-e955-6dc5087a6231"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6231","text":true,"v":"Graphic designs"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6232","type":"FormCheckboxWrapper","tag":"div","classes":["c042302b-fa72-57eb-56bc-3c1c4ccaa8d5"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6233","32e499bb-9b25-bb43-e955-6dc5087a6234"],"data":{"form":{"type":"checkbox"},"search":{"exclude":false},"xattr":[{"name":"ms-code-checkbox","value":"wrap"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6233","type":"FormCheckboxInput","tag":"input","classes":["fc6b293e-b163-fdcb-20c3-10e00ac2a95f"],"children":[],"data":{"form":{"type":"checkbox-input","name":"Checkbox 3"},"inputType":"custom","xattr":[{"name":"ms-code-checkbox","value":"check"},{"name":"data-ms-member","value":"graphic"}],"attr":{"type":"checkbox","id":"checkbox-3","name":"checkbox-3","data-name":"Checkbox 3","checked":false,"required":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6234","type":"FormInlineLabel","tag":"label","classes":["a5676cbc-a556-888f-9a15-6f7c682cad2a"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6235"],"data":{"form":{"type":"checkbox-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6235","text":true,"v":"Checkbox"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6236","type":"Block","tag":"div","classes":["1054bea3-6c43-86f0-70f1-869d5b3f197f"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6237","32e499bb-9b25-bb43-e955-6dc5087a6239"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6237","type":"Block","tag":"div","classes":[],"children":["32e499bb-9b25-bb43-e955-6dc5087a6238"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6238","text":true,"v":"Web development"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6239","type":"FormCheckboxWrapper","tag":"div","classes":["c042302b-fa72-57eb-56bc-3c1c4ccaa8d5"],"children":["32e499bb-9b25-bb43-e955-6dc5087a623a","32e499bb-9b25-bb43-e955-6dc5087a623b"],"data":{"form":{"type":"checkbox"},"search":{"exclude":false},"xattr":[{"name":"ms-code-checkbox","value":"wrap"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a623a","type":"FormCheckboxInput","tag":"input","classes":["fc6b293e-b163-fdcb-20c3-10e00ac2a95f"],"children":[],"data":{"form":{"type":"checkbox-input","name":"Checkbox 2"},"inputType":"custom","xattr":[{"name":"ms-code-checkbox","value":"check"},{"name":"data-ms-member","value":"development"}],"attr":{"type":"checkbox","id":"checkbox-2","name":"checkbox-2","data-name":"Checkbox 2","checked":false,"required":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a623b","type":"FormInlineLabel","tag":"label","classes":["a5676cbc-a556-888f-9a15-6f7c682cad2a"],"children":["32e499bb-9b25-bb43-e955-6dc5087a623c"],"data":{"form":{"type":"checkbox-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a623c","text":true,"v":"Checkbox"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a623d","type":"Block","tag":"div","classes":["1054bea3-6c43-86f0-70f1-869d5b3f197f"],"children":["32e499bb-9b25-bb43-e955-6dc5087a623e","32e499bb-9b25-bb43-e955-6dc5087a6240"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a623e","type":"Block","tag":"div","classes":[],"children":["32e499bb-9b25-bb43-e955-6dc5087a623f"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a623f","text":true,"v":"Project management"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6240","type":"FormCheckboxWrapper","tag":"div","classes":["c042302b-fa72-57eb-56bc-3c1c4ccaa8d5"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6241","32e499bb-9b25-bb43-e955-6dc5087a6242"],"data":{"form":{"type":"checkbox"},"search":{"exclude":false},"xattr":[{"name":"ms-code-checkbox","value":"wrap"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6241","type":"FormCheckboxInput","tag":"input","classes":["fc6b293e-b163-fdcb-20c3-10e00ac2a95f"],"children":[],"data":{"form":{"type":"checkbox-input","name":"Checkbox 2"},"inputType":"custom","xattr":[{"name":"ms-code-checkbox","value":"check"},{"name":"data-ms-member","value":"management"}],"attr":{"type":"checkbox","id":"checkbox-2","name":"checkbox-2","data-name":"Checkbox 2","checked":false,"required":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6242","type":"FormInlineLabel","tag":"label","classes":["a5676cbc-a556-888f-9a15-6f7c682cad2a"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6243"],"data":{"form":{"type":"checkbox-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6243","text":true,"v":"Checkbox"},{"_id":"2161f453-6341-7097-eb0f-0d91f92f6775","type":"Block","tag":"div","classes":["c4979058-b8d0-9495-8c8f-39781a4c67d3"],"children":["d9067004-7915-aa16-0e14-afbc1331702d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d9067004-7915-aa16-0e14-afbc1331702d","type":"FormCheckboxWrapper","tag":"div","classes":["c042302b-fa72-57eb-56bc-3c1c4ccaa8d5","54eb0d88-23bc-5568-7da1-d353b47f40ae"],"children":["d9067004-7915-aa16-0e14-afbc1331702e","d9067004-7915-aa16-0e14-afbc1331702f"],"data":{"form":{"type":"checkbox"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d9067004-7915-aa16-0e14-afbc1331702e","type":"FormCheckboxInput","tag":"input","classes":["fc6b293e-b163-fdcb-20c3-10e00ac2a95f"],"children":[],"data":{"attr":{"id":"BLANK","type":"checkbox","name":"BLANK","data-name":"BLANK","required":false,"checked":false},"form":{"type":"checkbox-input","name":"BLANK"},"inputType":"custom","displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"d9067004-7915-aa16-0e14-afbc1331702f","type":"FormInlineLabel","tag":"label","classes":["a5676cbc-a556-888f-9a15-6f7c682cad2a"],"children":["d9067004-7915-aa16-0e14-afbc13317030"],"data":{"form":{"type":"checkbox-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d9067004-7915-aa16-0e14-afbc13317030","text":true,"v":"Checkbox"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6244","type":"FormButton","tag":"input","classes":["a81188ba-23fe-eb8b-9146-1409beae77af"],"children":[],"data":{"attr":{"type":"submit","value":"Save profile","data-wait":"Please wait...","id":""},"form":{"type":"button"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"20fbfcd2-45ef-4a46-9fab-b7e8eb809084","type":"Block","tag":"div","classes":["8449905e-45cd-bbcd-63f0-ce9ba4b1aed4"],"children":["b1fc6b9c-2c0f-c584-63bf-00115c8dbb91","b1fc6b9c-2c0f-c584-63bf-00115c8dbb93","b1fc6b9c-2c0f-c584-63bf-00115c8dbb94"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b1fc6b9c-2c0f-c584-63bf-00115c8dbb91","type":"Block","tag":"div","classes":[],"children":["b1fc6b9c-2c0f-c584-63bf-00115c8dbb92"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b1fc6b9c-2c0f-c584-63bf-00115c8dbb92","text":true,"v":"Don't forget the scripts in my parent element!"},{"_id":"b1fc6b9c-2c0f-c584-63bf-00115c8dbb93","type":"HtmlEmbed","tag":"div","classes":["26ba8383-aa9b-f438-3bba-7c78a1efd057"],"children":[],"v":"<!-- 💙 MEMBERSCRIPT #55 v0.1 💙 UPDATE CHECKBOX PARENT STYLES -->\n<script>\n// Wait for the DOM content to load\ndocument.addEventListener('DOMContentLoaded', function() {\n // Get all the checkbox elements\n var checkboxes = document.querySelectorAll('[ms-code-checkbox=\"check\"]');\n\n // Iterate over each checkbox element\n checkboxes.forEach(function(checkbox) {\n // Get the boolean wrap element associated with the current checkbox\n var booleanWrap = checkbox.closest('[ms-code-checkbox=\"wrap\"]');\n\n // Function to update the boolean wrap class based on checkbox state\n function updateBooleanWrapClass() {\n if (checkbox.checked) {\n booleanWrap.classList.add('checked');\n } else {\n booleanWrap.classList.remove('checked');\n }\n }\n\n // Check the initial value of the checkbox\n updateBooleanWrapClass();\n\n // Add an event listener to the checkbox to handle changes\n checkbox.addEventListener('change', function() {\n updateBooleanWrapClass();\n });\n });\n});\n</script>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<!-- 💙 MEMBERSCRIPT #55 v0.1 💙 UPDATE CHECKBOX PARENT STYLES -->\n<script>\n// Wait for the DOM content to load\ndocument.addEventListener('DOMContentLoaded', function() {\n // Get all the checkbox elements\n var checkboxes = document.querySelectorAll('[ms-code-checkbox=\"check\"]');\n\n // Iterate over each checkbox element\n checkboxes.forEach(function(checkbox) {\n // Get the boolean wrap element associated with the current checkbox\n var booleanWrap = checkbox.closest('[ms-code-checkbox=\"wrap\"]');\n\n // Function to update the boolean wrap class based on checkbox state\n function updateBooleanWrapClass() {\n if (checkbox.checked) {\n booleanWrap.classList.add('checked');\n } else {\n booleanWrap.classList.remove('checked');\n }\n }\n\n // Check the initial value of the checkbox\n updateBooleanWrapClass();\n\n // Add an event listener to the checkbox to handle changes\n checkbox.addEventListener('change', function() {\n updateBooleanWrapClass();\n });\n });\n});\n</script>","div":false,"iframe":false,"script":true,"compilable":false}}}},{"_id":"b1fc6b9c-2c0f-c584-63bf-00115c8dbb94","type":"HtmlEmbed","tag":"div","classes":["8505b58e-d5da-343f-f526-7f3861f4181c"],"children":[],"v":"<!-- 💙 MEMBERSCRIPT #54 v0.1 💙 CHECKBOX FIELD FORM LOGIC -->\n<style>\n .disabled {\n pointer-events: none;\n opacity: 0.5;\n }\n</style>\n<script>\n// Wait for the DOM content to load\ndocument.addEventListener('DOMContentLoaded', function() {\n // Get all the trigger checkboxes\n var triggerCheckboxes = document.querySelectorAll('[ms-code-field-logic-trigger]');\n\n // Iterate over each trigger checkbox\n triggerCheckboxes.forEach(function(checkbox) {\n // Get the value of the trigger checkbox's attribute\n var triggerValue = checkbox.getAttribute('ms-code-field-logic-trigger');\n\n // Function to update the target elements' class based on checkbox state\n function updateTargetElementsClass() {\n // Find the associated target elements based on the attribute value\n var targetElements = document.querySelectorAll('[ms-code-field-logic-target=\"' + triggerValue + '\"]');\n\n // Check the new value of the trigger checkbox\n if (!checkbox.checked) {\n // Add the \"disabled\" class to each target element\n targetElements.forEach(function(targetElement) {\n targetElement.classList.add('disabled');\n });\n } else {\n // Remove the \"disabled\" class from each target element\n targetElements.forEach(function(targetElement) {\n targetElement.classList.remove('disabled');\n });\n }\n }\n\n // Check the initial value of the trigger checkbox\n updateTargetElementsClass();\n\n // Add an event listener to the trigger checkbox to handle changes\n checkbox.addEventListener('change', function() {\n updateTargetElementsClass();\n });\n });\n});\n</script>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<!-- 💙 MEMBERSCRIPT #54 v0.1 💙 CHECKBOX FIELD FORM LOGIC -->\n<style>\n .disabled {\n pointer-events: none;\n opacity: 0.5;\n }\n</style>\n<script>\n// Wait for the DOM content to load\ndocument.addEventListener('DOMContentLoaded', function() {\n // Get all the trigger checkboxes\n var triggerCheckboxes = document.querySelectorAll('[ms-code-field-logic-trigger]');\n\n // Iterate over each trigger checkbox\n triggerCheckboxes.forEach(function(checkbox) {\n // Get the value of the trigger checkbox's attribute\n var triggerValue = checkbox.getAttribute('ms-code-field-logic-trigger');\n\n // Function to update the target elements' class based on checkbox state\n function updateTargetElementsClass() {\n // Find the associated target elements based on the attribute value\n var targetElements = document.querySelectorAll('[ms-code-field-logic-target=\"' + triggerValue + '\"]');\n\n // Check the new value of the trigger checkbox\n if (!checkbox.checked) {\n // Add the \"disabled\" class to each target element\n targetElements.forEach(function(targetElement) {\n targetElement.classList.add('disabled');\n });\n } else {\n // Remove the \"disabled\" class from each target element\n targetElements.forEach(function(targetElement) {\n targetElement.classList.remove('disabled');\n });\n }\n }\n\n // Check the initial value of the trigger checkbox\n updateTargetElementsClass();\n\n // Add an event listener to the trigger checkbox to handle changes\n checkbox.addEventListener('change', function() {\n updateTargetElementsClass();\n });\n });\n});\n</script>","div":false,"iframe":false,"script":true,"compilable":false}}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6245","type":"FormSuccessMessage","tag":"div","classes":[],"children":["32e499bb-9b25-bb43-e955-6dc5087a6246"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6246","type":"Block","tag":"div","classes":[],"children":["32e499bb-9b25-bb43-e955-6dc5087a6247"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6247","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6248","type":"FormErrorMessage","tag":"div","classes":[],"children":["32e499bb-9b25-bb43-e955-6dc5087a6249"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6249","type":"Block","tag":"div","classes":[],"children":["32e499bb-9b25-bb43-e955-6dc5087a624a"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a624a","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"8505b58e-d5da-343f-f526-7f3861f4181c","fake":false,"type":"class","name":"FIELD LOGIC SCRIPT","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"1054bea3-6c43-86f0-70f1-869d5b3f197f","fake":false,"type":"class","name":"toggle-item_sub","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 7px; padding-bottom: 7px; justify-content: space-between; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 94.51%, 1.00);","variants":{},"children":["fa9c3c0f-dfa9-ad57-77ae-702072ef03ea"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"fa9c3c0f-dfa9-ad57-77ae-702072ef03ea","fake":false,"type":"class","name":"top","namespace":"","comb":"&","styleLess":"border-top-style: none;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"c4979058-b8d0-9495-8c8f-39781a4c67d3","fake":false,"type":"class","name":"COMBO CLASS KEEPER","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"c042302b-fa72-57eb-56bc-3c1c4ccaa8d5","fake":false,"type":"class","name":"toggle-check","namespace":"","comb":"","styleLess":"display: block; overflow: hidden; width: 40px; height: 25px; margin-bottom: 0px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; align-items: center; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background-color: hsla(225, 0.00%, 82.00%, 1.00); transition-property: background-color; transition-duration: 200ms; transition-timing-function: ease; cursor: pointer;","variants":{},"children":["54eb0d88-23bc-5568-7da1-d353b47f40ae"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"fc6b293e-b163-fdcb-20c3-10e00ac2a95f","fake":false,"type":"class","name":"cb-toggle","namespace":"","comb":"","styleLess":"width: 21px; height: 21px; margin-top: 0px; margin-left: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 0 2px 5px 0 hsla(0, 0.00%, 0.00%, 0.10); transition-property: transform; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_redirected-checked":{"styleLess":"margin-left: auto; border-top-color: hsla(208.00000000000003, 0.00%, 100.00%, 1.00); border-right-color: hsla(208.00000000000003, 0.00%, 100.00%, 1.00); border-bottom-color: hsla(208.00000000000003, 0.00%, 100.00%, 1.00); border-left-color: hsla(208.00000000000003, 0.00%, 100.00%, 1.00); background-color: hsla(208.00000000000003, 0.00%, 100.00%, 1.00); background-image: none; transform: translate(15px, 0px);"},"main_redirected-focus":{"styleLess":"box-shadow: none;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"a5676cbc-a556-888f-9a15-6f7c682cad2a","fake":false,"type":"class","name":"label_hide","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"a81188ba-23fe-eb8b-9146-1409beae77af","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 100%; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(225, 100.00%, 57.11%, 1.00); transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease; font-weight: 500;","variants":{"main_hover":{"styleLess":"opacity: 0.8;"}},"children":["fc9d6a98-da68-8ccd-c8d9-01cfb040ad8a"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"54eb0d88-23bc-5568-7da1-d353b47f40ae","fake":false,"type":"class","name":"checked","namespace":"","comb":"&","styleLess":"justify-content: flex-end; background-color: hsla(95, 85.19%, 42.48%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d0606b8b-9cdc-e9a9-32f6-a7de80f09ffb","fake":false,"type":"class","name":"field-item","namespace":"","comb":"","styleLess":"margin-bottom: 20px; transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease;","variants":{},"children":["2f065c2a-d8f5-f091-a25a-e33f1d7abfa7","08f6707d-d2d1-eb84-308f-2afe40cdb704"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"26ba8383-aa9b-f438-3bba-7c78a1efd057","fake":false,"type":"class","name":"UPDATE CHECKBOX PARENT CLASS","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"4993df95-d2b7-800a-1a4e-91e224a0f670","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"width: 100%; max-width: 400px; margin-bottom: 0px;","variants":{"medium":{"styleLess":"max-width: none;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"8449905e-45cd-bbcd-63f0-ce9ba4b1aed4","fake":false,"type":"class","name":"scripts-wrap","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; height: 20px; margin-top: 10px; flex-direction: column; grid-column-gap: 10px; font-size: 12px; text-align: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"cfd7907b-6d1b-36fa-d69e-a11f6480219c","fake":false,"type":"class","name":"profile-form","namespace":"","comb":"","styleLess":"padding-top: 20px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(0, 0.00%, 94.67%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"e4cc8cf3-e486-5c0a-5b06-1a7c78a2416d","fake":false,"type":"class","name":"label","namespace":"","comb":"","styleLess":"margin-left: 15px; color: hsla(0, 0.00%, 20.00%, 0.60); font-size: 12px; font-weight: 500; letter-spacing: 0.1px; text-transform: uppercase;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"5a2ff87b-2024-ceb5-f302-2788b8dd85c5","fake":false,"type":"class","name":"toggle-item","namespace":"","comb":"","styleLess":"display: flex; margin-top: 5px; padding-right: 15px; padding-left: 15px; flex-direction: column; justify-content: flex-start; align-items: flex-start; 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%, 100.00%, 1.00); font-size: 13px; line-height: 1;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":1,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Kopieer component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"32e499bb-9b25-bb43-e955-6dc5087a620c","type":"FormWrapper","tag":"div","classes":["4993df95-d2b7-800a-1a4e-91e224a0f670"],"children":["32e499bb-9b25-bb43-e955-6dc5087a620d","32e499bb-9b25-bb43-e955-6dc5087a6245","32e499bb-9b25-bb43-e955-6dc5087a6248"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a620d","type":"FormForm","tag":"form","classes":["cfd7907b-6d1b-36fa-d69e-a11f6480219c"],"children":["32e499bb-9b25-bb43-e955-6dc5087a620e","32e499bb-9b25-bb43-e955-6dc5087a6219","32e499bb-9b25-bb43-e955-6dc5087a622b","2161f453-6341-7097-eb0f-0d91f92f6775","32e499bb-9b25-bb43-e955-6dc5087a6244","20fbfcd2-45ef-4a46-9fab-b7e8eb809084"],"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":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a620e","type":"Block","tag":"div","classes":["d0606b8b-9cdc-e9a9-32f6-a7de80f09ffb"],"children":["32e499bb-9b25-bb43-e955-6dc5087a620f","32e499bb-9b25-bb43-e955-6dc5087a6211"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a620f","type":"Block","tag":"div","classes":["e4cc8cf3-e486-5c0a-5b06-1a7c78a2416d"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6210"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6210","text":true,"v":"Preferences"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6211","type":"Block","tag":"div","classes":["5a2ff87b-2024-ceb5-f302-2788b8dd85c5"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6212"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6212","type":"Block","tag":"div","classes":["1054bea3-6c43-86f0-70f1-869d5b3f197f","fa9c3c0f-dfa9-ad57-77ae-702072ef03ea"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6213","32e499bb-9b25-bb43-e955-6dc5087a6215"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6213","type":"Block","tag":"div","classes":[],"children":["32e499bb-9b25-bb43-e955-6dc5087a6214"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6214","text":true,"v":"Get weekly updates"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6215","type":"FormCheckboxWrapper","tag":"div","classes":["c042302b-fa72-57eb-56bc-3c1c4ccaa8d5"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6216","32e499bb-9b25-bb43-e955-6dc5087a6217"],"data":{"form":{"type":"checkbox"},"search":{"exclude":false},"xattr":[{"name":"ms-code-checkbox","value":"wrap"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6216","type":"FormCheckboxInput","tag":"input","classes":["fc6b293e-b163-fdcb-20c3-10e00ac2a95f"],"children":[],"data":{"form":{"type":"checkbox-input","name":"Checkbox 5"},"inputType":"custom","xattr":[{"name":"ms-code-checkbox","value":"check"},{"name":"ms-code-field-logic-trigger","value":"email-preferences"},{"name":"data-ms-member","value":"get-updates"}],"attr":{"type":"checkbox","id":"checkbox-5","name":"checkbox-5","data-name":"Checkbox 5","checked":false,"required":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6217","type":"FormInlineLabel","tag":"label","classes":["a5676cbc-a556-888f-9a15-6f7c682cad2a"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6218"],"data":{"form":{"type":"checkbox-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6218","text":true,"v":"Checkbox"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6219","type":"Block","tag":"div","classes":["d0606b8b-9cdc-e9a9-32f6-a7de80f09ffb"],"children":["32e499bb-9b25-bb43-e955-6dc5087a621a","32e499bb-9b25-bb43-e955-6dc5087a621c"],"data":{"search":{"exclude":false},"xattr":[{"name":"ms-code-field-logic-target","value":"email-preferences"}],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a621a","type":"Block","tag":"div","classes":["e4cc8cf3-e486-5c0a-5b06-1a7c78a2416d"],"children":["32e499bb-9b25-bb43-e955-6dc5087a621b"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a621b","text":true,"v":"Email frequency"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a621c","type":"Block","tag":"div","classes":["5a2ff87b-2024-ceb5-f302-2788b8dd85c5"],"children":["32e499bb-9b25-bb43-e955-6dc5087a621d","32e499bb-9b25-bb43-e955-6dc5087a6224"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a621d","type":"Block","tag":"div","classes":["1054bea3-6c43-86f0-70f1-869d5b3f197f","fa9c3c0f-dfa9-ad57-77ae-702072ef03ea"],"children":["32e499bb-9b25-bb43-e955-6dc5087a621e","32e499bb-9b25-bb43-e955-6dc5087a6220"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a621e","type":"Block","tag":"div","classes":[],"children":["32e499bb-9b25-bb43-e955-6dc5087a621f"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a621f","text":true,"v":"Get daily roundup"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6220","type":"FormCheckboxWrapper","tag":"div","classes":["c042302b-fa72-57eb-56bc-3c1c4ccaa8d5"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6221","32e499bb-9b25-bb43-e955-6dc5087a6222"],"data":{"form":{"type":"checkbox"},"search":{"exclude":false},"xattr":[{"name":"ms-code-checkbox","value":"wrap"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6221","type":"FormCheckboxInput","tag":"input","classes":["fc6b293e-b163-fdcb-20c3-10e00ac2a95f"],"children":[],"data":{"form":{"type":"checkbox-input","name":"Checkbox 4"},"inputType":"custom","xattr":[{"name":"ms-code-checkbox","value":"check"},{"name":"data-ms-member","value":"daily"}],"attr":{"type":"checkbox","id":"checkbox-4","name":"checkbox-4","data-name":"Checkbox 4","checked":false,"required":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6222","type":"FormInlineLabel","tag":"label","classes":["a5676cbc-a556-888f-9a15-6f7c682cad2a"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6223"],"data":{"form":{"type":"checkbox-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6223","text":true,"v":"Checkbox"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6224","type":"Block","tag":"div","classes":["1054bea3-6c43-86f0-70f1-869d5b3f197f"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6225","32e499bb-9b25-bb43-e955-6dc5087a6227"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6225","type":"Block","tag":"div","classes":[],"children":["32e499bb-9b25-bb43-e955-6dc5087a6226"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6226","text":true,"v":"Get weekly roundup"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6227","type":"FormCheckboxWrapper","tag":"div","classes":["c042302b-fa72-57eb-56bc-3c1c4ccaa8d5"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6228","32e499bb-9b25-bb43-e955-6dc5087a6229"],"data":{"form":{"type":"checkbox"},"search":{"exclude":false},"xattr":[{"name":"ms-code-checkbox","value":"wrap"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6228","type":"FormCheckboxInput","tag":"input","classes":["fc6b293e-b163-fdcb-20c3-10e00ac2a95f"],"children":[],"data":{"form":{"type":"checkbox-input","name":"Checkbox 2"},"inputType":"custom","xattr":[{"name":"ms-code-checkbox","value":"check"},{"name":"data-ms-member","value":"weekly"}],"attr":{"type":"checkbox","id":"checkbox-2","name":"checkbox-2","data-name":"Checkbox 2","checked":false,"required":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6229","type":"FormInlineLabel","tag":"label","classes":["a5676cbc-a556-888f-9a15-6f7c682cad2a"],"children":["32e499bb-9b25-bb43-e955-6dc5087a622a"],"data":{"form":{"type":"checkbox-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a622a","text":true,"v":"Checkbox"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a622b","type":"Block","tag":"div","classes":["d0606b8b-9cdc-e9a9-32f6-a7de80f09ffb"],"children":["32e499bb-9b25-bb43-e955-6dc5087a622c","32e499bb-9b25-bb43-e955-6dc5087a622e"],"data":{"search":{"exclude":false},"xattr":[{"name":"ms-code-field-logic-target","value":"email-preferences"}],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a622c","type":"Block","tag":"div","classes":["e4cc8cf3-e486-5c0a-5b06-1a7c78a2416d"],"children":["32e499bb-9b25-bb43-e955-6dc5087a622d"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a622d","text":true,"v":"Email content"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a622e","type":"Block","tag":"div","classes":["5a2ff87b-2024-ceb5-f302-2788b8dd85c5"],"children":["32e499bb-9b25-bb43-e955-6dc5087a622f","32e499bb-9b25-bb43-e955-6dc5087a6236","32e499bb-9b25-bb43-e955-6dc5087a623d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a622f","type":"Block","tag":"div","classes":["1054bea3-6c43-86f0-70f1-869d5b3f197f","fa9c3c0f-dfa9-ad57-77ae-702072ef03ea"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6230","32e499bb-9b25-bb43-e955-6dc5087a6232"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6230","type":"Block","tag":"div","classes":[],"children":["32e499bb-9b25-bb43-e955-6dc5087a6231"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6231","text":true,"v":"Graphic designs"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6232","type":"FormCheckboxWrapper","tag":"div","classes":["c042302b-fa72-57eb-56bc-3c1c4ccaa8d5"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6233","32e499bb-9b25-bb43-e955-6dc5087a6234"],"data":{"form":{"type":"checkbox"},"search":{"exclude":false},"xattr":[{"name":"ms-code-checkbox","value":"wrap"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6233","type":"FormCheckboxInput","tag":"input","classes":["fc6b293e-b163-fdcb-20c3-10e00ac2a95f"],"children":[],"data":{"form":{"type":"checkbox-input","name":"Checkbox 3"},"inputType":"custom","xattr":[{"name":"ms-code-checkbox","value":"check"},{"name":"data-ms-member","value":"graphic"}],"attr":{"type":"checkbox","id":"checkbox-3","name":"checkbox-3","data-name":"Checkbox 3","checked":false,"required":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6234","type":"FormInlineLabel","tag":"label","classes":["a5676cbc-a556-888f-9a15-6f7c682cad2a"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6235"],"data":{"form":{"type":"checkbox-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6235","text":true,"v":"Checkbox"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6236","type":"Block","tag":"div","classes":["1054bea3-6c43-86f0-70f1-869d5b3f197f"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6237","32e499bb-9b25-bb43-e955-6dc5087a6239"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6237","type":"Block","tag":"div","classes":[],"children":["32e499bb-9b25-bb43-e955-6dc5087a6238"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6238","text":true,"v":"Web development"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6239","type":"FormCheckboxWrapper","tag":"div","classes":["c042302b-fa72-57eb-56bc-3c1c4ccaa8d5"],"children":["32e499bb-9b25-bb43-e955-6dc5087a623a","32e499bb-9b25-bb43-e955-6dc5087a623b"],"data":{"form":{"type":"checkbox"},"search":{"exclude":false},"xattr":[{"name":"ms-code-checkbox","value":"wrap"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a623a","type":"FormCheckboxInput","tag":"input","classes":["fc6b293e-b163-fdcb-20c3-10e00ac2a95f"],"children":[],"data":{"form":{"type":"checkbox-input","name":"Checkbox 2"},"inputType":"custom","xattr":[{"name":"ms-code-checkbox","value":"check"},{"name":"data-ms-member","value":"development"}],"attr":{"type":"checkbox","id":"checkbox-2","name":"checkbox-2","data-name":"Checkbox 2","checked":false,"required":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a623b","type":"FormInlineLabel","tag":"label","classes":["a5676cbc-a556-888f-9a15-6f7c682cad2a"],"children":["32e499bb-9b25-bb43-e955-6dc5087a623c"],"data":{"form":{"type":"checkbox-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a623c","text":true,"v":"Checkbox"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a623d","type":"Block","tag":"div","classes":["1054bea3-6c43-86f0-70f1-869d5b3f197f"],"children":["32e499bb-9b25-bb43-e955-6dc5087a623e","32e499bb-9b25-bb43-e955-6dc5087a6240"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a623e","type":"Block","tag":"div","classes":[],"children":["32e499bb-9b25-bb43-e955-6dc5087a623f"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a623f","text":true,"v":"Project management"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6240","type":"FormCheckboxWrapper","tag":"div","classes":["c042302b-fa72-57eb-56bc-3c1c4ccaa8d5"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6241","32e499bb-9b25-bb43-e955-6dc5087a6242"],"data":{"form":{"type":"checkbox"},"search":{"exclude":false},"xattr":[{"name":"ms-code-checkbox","value":"wrap"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6241","type":"FormCheckboxInput","tag":"input","classes":["fc6b293e-b163-fdcb-20c3-10e00ac2a95f"],"children":[],"data":{"form":{"type":"checkbox-input","name":"Checkbox 2"},"inputType":"custom","xattr":[{"name":"ms-code-checkbox","value":"check"},{"name":"data-ms-member","value":"management"}],"attr":{"type":"checkbox","id":"checkbox-2","name":"checkbox-2","data-name":"Checkbox 2","checked":false,"required":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6242","type":"FormInlineLabel","tag":"label","classes":["a5676cbc-a556-888f-9a15-6f7c682cad2a"],"children":["32e499bb-9b25-bb43-e955-6dc5087a6243"],"data":{"form":{"type":"checkbox-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6243","text":true,"v":"Checkbox"},{"_id":"2161f453-6341-7097-eb0f-0d91f92f6775","type":"Block","tag":"div","classes":["c4979058-b8d0-9495-8c8f-39781a4c67d3"],"children":["d9067004-7915-aa16-0e14-afbc1331702d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d9067004-7915-aa16-0e14-afbc1331702d","type":"FormCheckboxWrapper","tag":"div","classes":["c042302b-fa72-57eb-56bc-3c1c4ccaa8d5","54eb0d88-23bc-5568-7da1-d353b47f40ae"],"children":["d9067004-7915-aa16-0e14-afbc1331702e","d9067004-7915-aa16-0e14-afbc1331702f"],"data":{"form":{"type":"checkbox"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d9067004-7915-aa16-0e14-afbc1331702e","type":"FormCheckboxInput","tag":"input","classes":["fc6b293e-b163-fdcb-20c3-10e00ac2a95f"],"children":[],"data":{"attr":{"id":"BLANK","type":"checkbox","name":"BLANK","data-name":"BLANK","required":false,"checked":false},"form":{"type":"checkbox-input","name":"BLANK"},"inputType":"custom","displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"d9067004-7915-aa16-0e14-afbc1331702f","type":"FormInlineLabel","tag":"label","classes":["a5676cbc-a556-888f-9a15-6f7c682cad2a"],"children":["d9067004-7915-aa16-0e14-afbc13317030"],"data":{"form":{"type":"checkbox-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d9067004-7915-aa16-0e14-afbc13317030","text":true,"v":"Checkbox"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6244","type":"FormButton","tag":"input","classes":["a81188ba-23fe-eb8b-9146-1409beae77af"],"children":[],"data":{"attr":{"type":"submit","value":"Save profile","data-wait":"Please wait...","id":""},"form":{"type":"button"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"20fbfcd2-45ef-4a46-9fab-b7e8eb809084","type":"Block","tag":"div","classes":["8449905e-45cd-bbcd-63f0-ce9ba4b1aed4"],"children":["b1fc6b9c-2c0f-c584-63bf-00115c8dbb91","b1fc6b9c-2c0f-c584-63bf-00115c8dbb93","b1fc6b9c-2c0f-c584-63bf-00115c8dbb94"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b1fc6b9c-2c0f-c584-63bf-00115c8dbb91","type":"Block","tag":"div","classes":[],"children":["b1fc6b9c-2c0f-c584-63bf-00115c8dbb92"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b1fc6b9c-2c0f-c584-63bf-00115c8dbb92","text":true,"v":"Don't forget the scripts in my parent element!"},{"_id":"b1fc6b9c-2c0f-c584-63bf-00115c8dbb93","type":"HtmlEmbed","tag":"div","classes":["26ba8383-aa9b-f438-3bba-7c78a1efd057"],"children":[],"v":"<!-- 💙 MEMBERSCRIPT #55 v0.1 💙 UPDATE CHECKBOX PARENT STYLES -->\n<script>\n// Wait for the DOM content to load\ndocument.addEventListener('DOMContentLoaded', function() {\n // Get all the checkbox elements\n var checkboxes = document.querySelectorAll('[ms-code-checkbox=\"check\"]');\n\n // Iterate over each checkbox element\n checkboxes.forEach(function(checkbox) {\n // Get the boolean wrap element associated with the current checkbox\n var booleanWrap = checkbox.closest('[ms-code-checkbox=\"wrap\"]');\n\n // Function to update the boolean wrap class based on checkbox state\n function updateBooleanWrapClass() {\n if (checkbox.checked) {\n booleanWrap.classList.add('checked');\n } else {\n booleanWrap.classList.remove('checked');\n }\n }\n\n // Check the initial value of the checkbox\n updateBooleanWrapClass();\n\n // Add an event listener to the checkbox to handle changes\n checkbox.addEventListener('change', function() {\n updateBooleanWrapClass();\n });\n });\n});\n</script>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<!-- 💙 MEMBERSCRIPT #55 v0.1 💙 UPDATE CHECKBOX PARENT STYLES -->\n<script>\n// Wait for the DOM content to load\ndocument.addEventListener('DOMContentLoaded', function() {\n // Get all the checkbox elements\n var checkboxes = document.querySelectorAll('[ms-code-checkbox=\"check\"]');\n\n // Iterate over each checkbox element\n checkboxes.forEach(function(checkbox) {\n // Get the boolean wrap element associated with the current checkbox\n var booleanWrap = checkbox.closest('[ms-code-checkbox=\"wrap\"]');\n\n // Function to update the boolean wrap class based on checkbox state\n function updateBooleanWrapClass() {\n if (checkbox.checked) {\n booleanWrap.classList.add('checked');\n } else {\n booleanWrap.classList.remove('checked');\n }\n }\n\n // Check the initial value of the checkbox\n updateBooleanWrapClass();\n\n // Add an event listener to the checkbox to handle changes\n checkbox.addEventListener('change', function() {\n updateBooleanWrapClass();\n });\n });\n});\n</script>","div":false,"iframe":false,"script":true,"compilable":false}}}},{"_id":"b1fc6b9c-2c0f-c584-63bf-00115c8dbb94","type":"HtmlEmbed","tag":"div","classes":["8505b58e-d5da-343f-f526-7f3861f4181c"],"children":[],"v":"<!-- 💙 MEMBERSCRIPT #54 v0.1 💙 CHECKBOX FIELD FORM LOGIC -->\n<style>\n .disabled {\n pointer-events: none;\n opacity: 0.5;\n }\n</style>\n<script>\n// Wait for the DOM content to load\ndocument.addEventListener('DOMContentLoaded', function() {\n // Get all the trigger checkboxes\n var triggerCheckboxes = document.querySelectorAll('[ms-code-field-logic-trigger]');\n\n // Iterate over each trigger checkbox\n triggerCheckboxes.forEach(function(checkbox) {\n // Get the value of the trigger checkbox's attribute\n var triggerValue = checkbox.getAttribute('ms-code-field-logic-trigger');\n\n // Function to update the target elements' class based on checkbox state\n function updateTargetElementsClass() {\n // Find the associated target elements based on the attribute value\n var targetElements = document.querySelectorAll('[ms-code-field-logic-target=\"' + triggerValue + '\"]');\n\n // Check the new value of the trigger checkbox\n if (!checkbox.checked) {\n // Add the \"disabled\" class to each target element\n targetElements.forEach(function(targetElement) {\n targetElement.classList.add('disabled');\n });\n } else {\n // Remove the \"disabled\" class from each target element\n targetElements.forEach(function(targetElement) {\n targetElement.classList.remove('disabled');\n });\n }\n }\n\n // Check the initial value of the trigger checkbox\n updateTargetElementsClass();\n\n // Add an event listener to the trigger checkbox to handle changes\n checkbox.addEventListener('change', function() {\n updateTargetElementsClass();\n });\n });\n});\n</script>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<!-- 💙 MEMBERSCRIPT #54 v0.1 💙 CHECKBOX FIELD FORM LOGIC -->\n<style>\n .disabled {\n pointer-events: none;\n opacity: 0.5;\n }\n</style>\n<script>\n// Wait for the DOM content to load\ndocument.addEventListener('DOMContentLoaded', function() {\n // Get all the trigger checkboxes\n var triggerCheckboxes = document.querySelectorAll('[ms-code-field-logic-trigger]');\n\n // Iterate over each trigger checkbox\n triggerCheckboxes.forEach(function(checkbox) {\n // Get the value of the trigger checkbox's attribute\n var triggerValue = checkbox.getAttribute('ms-code-field-logic-trigger');\n\n // Function to update the target elements' class based on checkbox state\n function updateTargetElementsClass() {\n // Find the associated target elements based on the attribute value\n var targetElements = document.querySelectorAll('[ms-code-field-logic-target=\"' + triggerValue + '\"]');\n\n // Check the new value of the trigger checkbox\n if (!checkbox.checked) {\n // Add the \"disabled\" class to each target element\n targetElements.forEach(function(targetElement) {\n targetElement.classList.add('disabled');\n });\n } else {\n // Remove the \"disabled\" class from each target element\n targetElements.forEach(function(targetElement) {\n targetElement.classList.remove('disabled');\n });\n }\n }\n\n // Check the initial value of the trigger checkbox\n updateTargetElementsClass();\n\n // Add an event listener to the trigger checkbox to handle changes\n checkbox.addEventListener('change', function() {\n updateTargetElementsClass();\n });\n });\n});\n</script>","div":false,"iframe":false,"script":true,"compilable":false}}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6245","type":"FormSuccessMessage","tag":"div","classes":[],"children":["32e499bb-9b25-bb43-e955-6dc5087a6246"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6246","type":"Block","tag":"div","classes":[],"children":["32e499bb-9b25-bb43-e955-6dc5087a6247"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6247","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6248","type":"FormErrorMessage","tag":"div","classes":[],"children":["32e499bb-9b25-bb43-e955-6dc5087a6249"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a6249","type":"Block","tag":"div","classes":[],"children":["32e499bb-9b25-bb43-e955-6dc5087a624a"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"32e499bb-9b25-bb43-e955-6dc5087a624a","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"8505b58e-d5da-343f-f526-7f3861f4181c","fake":false,"type":"class","name":"FIELD LOGIC SCRIPT","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"1054bea3-6c43-86f0-70f1-869d5b3f197f","fake":false,"type":"class","name":"toggle-item_sub","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 7px; padding-bottom: 7px; justify-content: space-between; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 94.51%, 1.00);","variants":{},"children":["fa9c3c0f-dfa9-ad57-77ae-702072ef03ea"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"fa9c3c0f-dfa9-ad57-77ae-702072ef03ea","fake":false,"type":"class","name":"top","namespace":"","comb":"&","styleLess":"border-top-style: none;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"c4979058-b8d0-9495-8c8f-39781a4c67d3","fake":false,"type":"class","name":"COMBO CLASS KEEPER","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"c042302b-fa72-57eb-56bc-3c1c4ccaa8d5","fake":false,"type":"class","name":"toggle-check","namespace":"","comb":"","styleLess":"display: block; overflow: hidden; width: 40px; height: 25px; margin-bottom: 0px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; align-items: center; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background-color: hsla(225, 0.00%, 82.00%, 1.00); transition-property: background-color; transition-duration: 200ms; transition-timing-function: ease; cursor: pointer;","variants":{},"children":["54eb0d88-23bc-5568-7da1-d353b47f40ae"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"fc6b293e-b163-fdcb-20c3-10e00ac2a95f","fake":false,"type":"class","name":"cb-toggle","namespace":"","comb":"","styleLess":"width: 21px; height: 21px; margin-top: 0px; margin-left: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 0 2px 5px 0 hsla(0, 0.00%, 0.00%, 0.10); transition-property: transform; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_redirected-checked":{"styleLess":"margin-left: auto; border-top-color: hsla(208.00000000000003, 0.00%, 100.00%, 1.00); border-right-color: hsla(208.00000000000003, 0.00%, 100.00%, 1.00); border-bottom-color: hsla(208.00000000000003, 0.00%, 100.00%, 1.00); border-left-color: hsla(208.00000000000003, 0.00%, 100.00%, 1.00); background-color: hsla(208.00000000000003, 0.00%, 100.00%, 1.00); background-image: none; transform: translate(15px, 0px);"},"main_redirected-focus":{"styleLess":"box-shadow: none;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"a5676cbc-a556-888f-9a15-6f7c682cad2a","fake":false,"type":"class","name":"label_hide","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"a81188ba-23fe-eb8b-9146-1409beae77af","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 100%; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(225, 100.00%, 57.11%, 1.00); transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease; font-weight: 500;","variants":{"main_hover":{"styleLess":"opacity: 0.8;"}},"children":["fc9d6a98-da68-8ccd-c8d9-01cfb040ad8a"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"54eb0d88-23bc-5568-7da1-d353b47f40ae","fake":false,"type":"class","name":"checked","namespace":"","comb":"&","styleLess":"justify-content: flex-end; background-color: hsla(95, 85.19%, 42.48%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d0606b8b-9cdc-e9a9-32f6-a7de80f09ffb","fake":false,"type":"class","name":"field-item","namespace":"","comb":"","styleLess":"margin-bottom: 20px; transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease;","variants":{},"children":["2f065c2a-d8f5-f091-a25a-e33f1d7abfa7","08f6707d-d2d1-eb84-308f-2afe40cdb704"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"26ba8383-aa9b-f438-3bba-7c78a1efd057","fake":false,"type":"class","name":"UPDATE CHECKBOX PARENT CLASS","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"4993df95-d2b7-800a-1a4e-91e224a0f670","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"width: 100%; max-width: 400px; margin-bottom: 0px;","variants":{"medium":{"styleLess":"max-width: none;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"8449905e-45cd-bbcd-63f0-ce9ba4b1aed4","fake":false,"type":"class","name":"scripts-wrap","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; height: 20px; margin-top: 10px; flex-direction: column; grid-column-gap: 10px; font-size: 12px; text-align: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"cfd7907b-6d1b-36fa-d69e-a11f6480219c","fake":false,"type":"class","name":"profile-form","namespace":"","comb":"","styleLess":"padding-top: 20px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(0, 0.00%, 94.67%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"e4cc8cf3-e486-5c0a-5b06-1a7c78a2416d","fake":false,"type":"class","name":"label","namespace":"","comb":"","styleLess":"margin-left: 15px; color: hsla(0, 0.00%, 20.00%, 0.60); font-size: 12px; font-weight: 500; letter-spacing: 0.1px; text-transform: uppercase;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"5a2ff87b-2024-ceb5-f302-2788b8dd85c5","fake":false,"type":"class","name":"toggle-item","namespace":"","comb":"","styleLess":"display: flex; margin-top: 5px; padding-right: 15px; padding-left: 15px; flex-direction: column; justify-content: flex-start; align-items: flex-start; 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%, 100.00%, 1.00); font-size: 13px; line-height: 1;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":1,"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 iOS Toggle Profile Form is a user-friendly component designed for managing user preferences through a toggle interface. It allows users to easily subscribe to updates and customize their profile settings.

Belangrijkste kenmerken:

  • Responsive design suitable for mobile devices
  • Includes checkboxes for email preferences
  • Success and error messages for form submissions
  • Customizable form fields and labels
  • JavaScript functionality for dynamic interactions

Ontwerpelementen:

  • Modern and clean aesthetic with rounded corners
  • Soft color palette with light backgrounds and contrasting text
  • Flexible layout with clear spacing and alignment
  • Interactive toggle buttons with smooth transitions

Potentiële gebruikssituaties:

  • Web applications requiring user profile management
  • E-commerce sites for managing customer preferences
  • Newsletters and subscription services
  • Mobile apps needing user settings customization
  • Any platform that requires user input for preferences

Conclusion: The iOS Toggle Profile Form is a versatile and visually appealing component that enhances user interaction and simplifies preference management, making it an excellent choice for various applications.

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.