In a Form Layout, Dynamically Select a Secure Zone from an Approved List in Admin

this will show you how and help you decide if using a dynamic single form or multiple forms is right for your use case prerequisites this article is written for secure zones version 1 2 0 some of the contents may not apply to earlier versions introduction secure zones are a useful tool for managing which users will have access to content on a site to give a user access to one or more secure zones, you can attach secure zones to a form the default behaviour is that a form will sign up a user to all the form's secure zones however, it is possible to change this behaviour using a hidden field on the form layout this hidden field's value will by default contain all secure zones attached to the form, but can be modified to contain only a sub set of those secure zones note the hidden field cannot contain a value of a secure zone unless it is also attached to the form continuing to apply the exact list of secure zones attached to the form if you wish to add single or multiple secure zones to a form and have all those secure zones applied to the user with a single form submission, this continues to be default behaviour and you don't need to do anything different you can also remove the hidden field from your form to keep the default behaviour and avoid any front end changes \<input id="s sz id" value="55665" type="hidden"> an example use case in this example, let's assume you have the following secure zones on your site public uk public usa private employees only in this example, we want any users to be able to complete the "public sign up" form users filling out this form will choose their location and we'll automatically change the secure zone to match either "public uk" or "public usa" depending on their preference we do not want ordinary users accessing the "private employees only" secure zone, so we want to be able to exclude this from the options and prevent malicious users from manipulating the front end code and gaining access step 1) setting up the sign up form in admin to create an allowed list in the configuration for the "public sign up form" in the siteglide admin, we can attach the public secure zones to the form "public uk" and "public usa" by default, the form will assign users to both these secure zones, but we'll change that later a note on security the important thing at this stage is that we have not added "private employees only" to the allow list thanks to this choice, malicious users with knowledge of developer tools and javascript will not be able to manipulate the public form to add them to the "private employees only" secure zone a malicious user from the usa may use front end code to sign themselves up to the "public uk" secure zone, just as a malicious user could be untruthful on a form but by attaching both secure zones to the form, the partner or client is making a clear decision that these "public" secure zones are both safe by safe, we mean nobody will see content they shouldn't if they complete this form even if they switch to another zone it is the responsibility of partner and client to make sure that if a user has access to a form, that form only has secure zones attached that it would be safe for that user to access step 2) adding user input in this example, we'll use a form field to provide user input which will change the active secure zone dynamically this is optional, as you may have other reasons for assigning a particular secure zone step 3) creating a custom form layout in order to dynamically assign users to the correct public secure zone, we'll need to create a custom form layout a quick tip for setting up the custom layout quickly is to start by copying and pasting the content of the default layout step 4) add the form to a page step 5) adding javascript to the custom form layout in the code from the default layout that we've copied, we can see the dropdown field that my users will use to select their location (and thanks to the code we will write now, their secure zone) &#x9; location &#x9; uk usa &#x9; &#x9; we can also see the hidden field that we must change the value of in order to change the active secure zone \<input id="s sz id" value="743,744" type="hidden"> note this includes the ids of the secure zones, not their names, so admin should be referenced so that you know which is which the javascript will need to select the "#form field 12 1" element, watch for a change event and then select and change the value of the "#s sz id" element \<script> var locationselector = document queryselector('#form field 12 1'); var choosesz = document queryselector('#s sz id'); locationselector addeventlistener('change', changesecurezone); function changesecurezone() { var eventtargetvalue = event target value; if (eventtargetvalue == "uk" ) { choosesz value = "743"; } else if ( eventtargetvalue == "usa" ) { choosesz value = "744"; } } \</script>