<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Form Name</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="project">Name this copy</label> <div class="col-md-5"> <input id="project" name="project" type="text" placeholder="20170801" class="form-control input-md" required=""> <span class="help-block">This name will be the directory name where the files will be stored and will help keep things well identified.</span> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="radios">Configuration</label> <div class="col-md-4"> <div class="radio"> <label for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> Standalone Scenario </label> </div> <div class="radio"> <label for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> Connected Scenario </label> </div> <div class="radio"> <label for="radios-2"> <input type="radio" name="radios" id="radios-2" value="3"> Federated Scenario </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="same_diff">How is this copy being done?</label> <div class="col-md-4"> <div class="radio"> <label for="same_diff-0"> <input type="radio" name="same_diff" id="same_diff-0" value="1" checked="checked"> Within the same environment </label> </div> <div class="radio"> <label for="same_diff-1"> <input type="radio" name="same_diff" id="same_diff-1" value="2"> Between two environments </label> </div> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="sync_keys">Do you need to sync keys?</label> <div class="col-md-4"> <div class="radio"> <label for="sync_keys-0"> <input type="radio" name="sync_keys" id="sync_keys-0" value="yes" checked="checked"> Yes (Already Sync'd) </label> </div> <div class="radio"> <label for="sync_keys-1"> <input type="radio" name="sync_keys" id="sync_keys-1" value="no"> No (Previously Sync'd) </label> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="source_host">Source Host Name</label> <div class="col-md-5"> <input id="source_host" name="source_host" type="text" placeholder="lmkprod.nogalis.com" class="form-control input-md" required=""> <span class="help-block">The host name of the source environment. For the value, see thelssservice.properties file in $LASYSDIR in the source environment.</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="source_port">Source Server Port</label> <div class="col-md-4"> <input id="source_port" name="source_port" type="text" placeholder="10888" class="form-control input-md"> <span class="help-block">The Port of the source environment. For the value, see the lssservice.properties file in $LASYSDIR in the source environment</span> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="ssl_port">Is this an SSL port?</label> <div class="col-md-4"> <label class="radio-inline" for="ssl_port-0"> <input type="radio" name="ssl_port" id="ssl_port-0" value="ture" checked="checked"> Yes </label> <label class="radio-inline" for="ssl_port-1"> <input type="radio" name="ssl_port" id="ssl_port-1" value="false"> No </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="security_pass">Are the security utilities password-protected?</label> <div class="col-md-4"> <label class="radio-inline" for="security_pass-0"> <input type="radio" name="security_pass" id="security_pass-0" value="yes" checked="checked"> Yes </label> <label class="radio-inline" for="security_pass-1"> <input type="radio" name="security_pass" id="security_pass-1" value="no"> No </label> </div> </div> <!-- Password input--> <div class="form-group"> <label class="col-md-4 control-label" for="source_pass">Source Password</label> <div class="col-md-4"> <input id="source_pass" name="source_pass" type="password" placeholder="" class="form-control input-md"> <span class="help-block">The security utilities password for the source environment.</span> </div> </div> <!-- Password input--> <div class="form-group"> <label class="col-md-4 control-label" for="dest_pass">Destination Password</label> <div class="col-md-4"> <input id="dest_pass" name="dest_pass" type="password" placeholder="" class="form-control input-md"> <span class="help-block">The security utilities password for the destination environment. If you don't want to enter it here, you can just enter a place holder and replace it yourself later.</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="srcDataAreaName">Source Productline</label> <div class="col-md-4"> <input id="srcDataAreaName" name="srcDataAreaName" type="text" placeholder="ltmprod" class="form-control input-md" required=""> <span class="help-block">Name of the source Productline</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="destDataAreaName">Destination Productline</label> <div class="col-md-4"> <input id="destDataAreaName" name="destDataAreaName" type="text" placeholder="ltmprod" class="form-control input-md" required=""> <span class="help-block">Name of the destination Productline</span> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="singlebutton">Single Button</label> <div class="col-md-4"> <button id="singlebutton" name="singlebutton" class="btn btn-primary">Button</button> </div> </div> </fieldset> </form>