bootstrap-validator
Version:
A user-friendly HTML5 Form validator for Bootstrap 3
760 lines (669 loc) • 160 kB
HTML
<!DOCTYPE html>
<html class=" js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>test</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
</head>
<body class="" style="padding-right: 0px;">
<div class="container">
<div class="row">
<div class="col-sm-9" id="content">
<h1>survey :: <small>test</small></h1>
<form action="" method="post" role="form" id="create-survey-form" data-toggle="validator" novalidate="true">
<input type="hidden" id="SurveyID" name="SurveyID" value="107">
<input type="hidden" id="RootObjectCount" value="6">
<input type="hidden" id="ChildObjectCount0" value="2">
<input type="hidden" id="ChildObjectCount1" value="3">
<input type="hidden" id="ChildObjectCount2" value="1">
<input type="hidden" id="ChildObjectCount3" value="3">
<input type="hidden" id="ChildObjectCount4" value="3">
<input type="hidden" id="ChildObjectCount5" value="5">
<div class="row">
<div class="col-sm-6 form-inline">
</div>
<div class="col-sm-5 col-sm-offset-1 text-right form-group">
<button type="submit" id="submit-survey" class="btn btn-primary"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> Save Survey</button>
</div>
</div>
<div class="row">
<div class="col-sm-12" id="main-section-area">
<div class="panel-group" id="survey-info-section" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="survey-info-section-header">
<h2 class="panel-title">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="http://localhost:14043/Survey/Edit/107#survey-info-section-body" aria-expanded="false" aria-controls="survey-info-section-body">
Basic Survey Information
</a>
</h2>
</div>
<div id="survey-info-section-body" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="survey-info-section-header">
<div class="panel-body">
<div class="row">
<div class="col-sm-6 form-group">
<label for="SurveyText">Survey Text:</label>
<input type="text" class="form-control" id="SurveyText" value="SELF SURVEY Cheryl" name="SurveyText" placeholder="Survey Text" required="" data-error="This is a required field.">
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-6 form-group">
<label for="Instructions">Instructions:</label>
<textarea placeholder="Instructions" class="form-control" rows="4" cols="20" id="Instructions" name="Instructions">Please try and fill out the questionnaire as honestly as possible. Some questions might seem as though they are trying to get you to reveal something negative about yourself. In these cases, these questions are more trying identify important information about you. The more honest you are when answering, the more accurate your profile will be.
</textarea>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel-group" id="section-0" role="tablist" aria-multiselectable="true">
<input type="hidden" name="SurveyObjects[0].PKElementID" value="section-0-pk">
<input type="hidden" id="section-0-pk" name="SurveyObjects[0].ID" value="2056">
<input type="hidden" name="SurveyObjects[0].TypeID" value="8">
<input type="hidden" class="display-order" name="SurveyObjects[0].DisplayOrder" value="0">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="section-0-header">
<h2 class="panel-title">
<a id="section-0-header-a" class="collapsed" data-toggle="collapse" data-parent="#accordion" href="http://localhost:14043/Survey/Edit/107#section-0-body" aria-expanded="false" aria-controls="section-0-body">
FOR THE FOLLOWING QUESTION PLEASE RANK THE IMPORTANCE OF THE OPTIONS
</a>
</h2>
<div class="tools">
<ul class="list-inline">
<li><a href="http://localhost:14043/Survey/Edit/107#" data-section-div-id="section-0" title="Move Section Up" class="move-section-up"><span class="glyphicon glyphicon-circle-arrow-up" aria-hidden="true"></span></a></li>
<li><a href="http://localhost:14043/Survey/Edit/107#" data-section-div-id="section-0" title="Move Section Down" class="move-section-down"><span class="glyphicon glyphicon-circle-arrow-down" aria-hidden="true"></span></a></li>
<li><a href="http://localhost:14043/Survey/Edit/107#" data-section-div-id="section-0" title="Delete Section" class="delete-section-button"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
<div id="section-0-body" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="section-0-header">
<div class="panel-body">
<div class="row">
<div class="col-sm-6 form-group">
<label for="section-name-0">Name:</label>
<input type="text" value="FOR THE FOLLOWING QUESTION PLEASE RANK THE IMPORTANCE OF THE OPTIONS" class="form-control section-name" id="section-name-0" name="SurveyObjects[0].Text" data-header-link="section-0-header-a" placeholder="Section Name" required="" data-error="Section name is a required field.">
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-6 form-group">
<label for="section-description-0">Description:</label>
<input type="text" class="form-control" id="section-description-0" name="SurveyObjects[0].Text2" placeholder="Description">
</div>
</div>
<div class="question" id="section-0-question-0" data-question-index="0" data-section-index="0">
<input type="hidden" name="SurveyObjects[0].SurveyObjects[0].PKElementID" value="section-0-question-0-pk">
<input type="hidden" id="section-0-question-0-pk" name="SurveyObjects[0].SurveyObjects[0].ID" value="2057">
<input type="hidden" class="display-order" name="SurveyObjects[0].SurveyObjects[0].DisplayOrder" value="0">
<div class="row">
<div class="tools">
<ul class="list-inline">
<li><a href="http://localhost:14043/Survey/Edit/107#" title="Move Question Up" class="move-question-up" data-question-id="section-0-question-0"><span class="glyphicon glyphicon-circle-arrow-up" aria-hidden="true"></span></a></li>
<li><a href="http://localhost:14043/Survey/Edit/107#" title="Move Question Down" class="move-question-down" data-question-id="section-0-question-0"><span class="glyphicon glyphicon-circle-arrow-down" aria-hidden="true"></span></a></li>
<li><a href="http://localhost:14043/Survey/Edit/107#" title="Delete Question" class="delete-question-button" data-question-id="section-0-question-0"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-sm-6 form-group">
<label for="section-0-question-title-0">Title:</label>
<textarea placeholder="Title" class="form-control" rows="4" cols="20" id="section-0-question-title-0" name="SurveyObjects[0].SurveyObjects[0].Text" required="" data-error="This is a required field.">I THINK MY VALUE OR WORTH IN TERMS OF:</textarea>
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-6 form-group">
<label for="section-0-question-notes-0">Notes:</label>
<textarea placeholder="Notes" class="form-control" rows="4" cols="20" id="section-0-question-notes-0" name="SurveyObjects[0].SurveyObjects[0].Notes"></textarea>
</div>
</div>
<div class="row">
<div class="col-sm-6 form-group">
<label for="section-0-question-peer-review-0">Peer Review:</label>
<input id="section-0-question-peer-review-0" name="SurveyObjects[0].SurveyObjects[0].IsPeerReview" type="checkbox" value="true">
<input type="hidden" value="false" name="SurveyObjects[0].SurveyObjects[0].IsPeerReview">
</div>
<div class="col-sm-6 form-group">
</div>
</div>
<div class="row" id="section-0-question-0-type-row">
<div class="col-sm-6 form-group">
<label for="section-0-question-type-0">Type:</label>
<select class="form-control question-type" id="section-0-question-type-0" name="SurveyObjects[0].SurveyObjects[0].TypeID" data-question-id="section-0-question-0" required="" data-error="This is a required field.">
<option selected="" value="1">Grid: Rating scale</option>
<option value="2">List: Multiple Choice</option>
<option value="3">RadioButton: Multiple Choice (One Answer)</option>
<option value="4">CheckBox: Multiple Choice (Muliple Answers)</option>
<option value="5">Textbox: Single Text</option>
<option value="6">Spectrum: Matrix type (Dual)</option>
<option value="7">Textarea: Feedback Comments</option>
</select>
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-6 form-group">
<label for="SurveyObjects[0].SurveyObjects[0].TargetCompetencyID">Target Competency:</label>
<select class="form-control" name="SurveyObjects[0].SurveyObjects[0].TargetCompetencyID" required="" data-error="This is a required field.">
<option value="29">Entrepreneurial Motivation</option>
<option value="24">Extroverted/Introverted</option>
<option value="30">Goal Driven</option>
<option value="35">Human Values</option>
<option value="23">Influential</option>
<option value="34">Intellectual Values</option>
<option value="27">Judging/Perceiving</option>
<option value="28">Leadership Motivation</option>
<option value="32">Learning Driven</option>
<option value="38">None</option>
<option value="20">Personal Communicator</option>
<option value="18">Personally Likeable</option>
<option selected="" value="14">Personally Relational</option>
<option value="16">Personally Respected</option>
<option value="33">Practical Values</option>
<option value="21">Professional Communicator</option>
<option value="19">Professionally Likeable</option>
<option value="15">Professionally Relational</option>
<option value="17">Professionally Respected</option>
<option value="25">Sensing/Intuitive</option>
<option value="37">Social Capital</option>
<option value="36">Social Currency</option>
<option value="31">Socially Driven</option>
<option value="26">Thinking/Feeling</option>
<option value="22">Trustworthiness</option>
</select>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="question-list" id="question-grid-section-0-question-0">
<div class="row">
<div class="col-sm-6">
<div class="tools">
<ul class="list-inline">
<li><a href="http://localhost:14043/Survey/Edit/107#" id="add-grid-row-item-section-0-question-0" class="add-grid-row-item" data-question-name="SurveyObjects[0].SurveyObjects[0].Questions" title="Add Row" data-question-grid-id="question-grid-section-0-question-0"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
<div class="col-sm-6">
<div class="tools">
<ul class="list-inline">
<li><a href="http://localhost:14043/Survey/Edit/107#" id="add-grid-column-item-section-0-question-0" class="add-grid-column-item" data-choice-name="SurveyObjects[0].SurveyObjects[0].Choices" title="Add Column" data-question-grid-id="question-grid-section-0-question-0"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3 form-group">
<input type="text" class="form-control" placeholder="Row Text" name="SurveyObjects[0].SurveyObjects[0].Questions" value="My Relationships " data-type="row" required="" data-error="This is a required field.">
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-3">
<div class="tools">
<ul class="list-inline">
<li><a href="http://localhost:14043/Survey/Edit/107#" class="delete-row-column" title="Delete Row"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
<div class="col-sm-3 form-group">
<input type="text" class="form-control" placeholder="Column Text" name="SurveyObjects[0].SurveyObjects[0].Choices" value="1- Most Important" data-type="column" required="" data-error="This is a required field.">
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-3">
<div class="tools">
<ul class="list-inline">
<li><a href="http://localhost:14043/Survey/Edit/107#" class="delete-column-column" title="Delete Column Item"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3 form-group">
<input type="text" class="form-control" placeholder="Row Text" name="SurveyObjects[0].SurveyObjects[0].Questions" value="My Ideas, ability to invent concepts or ability to analyze things" data-type="row" required="" data-error="This is a required field.">
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-3">
<div class="tools">
<ul class="list-inline">
<li><a href="http://localhost:14043/Survey/Edit/107#" class="delete-row-column" title="Delete Row"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
<div class="col-sm-3 form-group">
<input type="text" class="form-control" placeholder="Column Text" name="SurveyObjects[0].SurveyObjects[0].Choices" value="2- Second Most Important" data-type="column" required="" data-error="This is a required field.">
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-3">
<div class="tools">
<ul class="list-inline">
<li><a href="http://localhost:14043/Survey/Edit/107#" class="delete-column-column" title="Delete Column Item"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3 form-group">
<input type="text" class="form-control" placeholder="Row Text" name="SurveyObjects[0].SurveyObjects[0].Questions" value="My Financial Net Worth or Income" data-type="row" required="" data-error="This is a required field.">
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-3">
<div class="tools">
<ul class="list-inline">
<li><a href="http://localhost:14043/Survey/Edit/107#" class="delete-row-column" title="Delete Row"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
<div class="col-sm-3 form-group">
<input type="text" class="form-control" placeholder="Column Text" name="SurveyObjects[0].SurveyObjects[0].Choices" value="3- Third Most Important" data-type="column" required="" data-error="This is a required field.">
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-3">
<div class="tools">
<ul class="list-inline">
<li><a href="http://localhost:14043/Survey/Edit/107#" class="delete-column-column" title="Delete Column Item"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="question" id="section-0-question-1" data-question-index="1" data-section-index="0">
<input type="hidden" name="SurveyObjects[0].SurveyObjects[1].PKElementID" value="section-0-question-1-pk">
<input type="hidden" id="section-0-question-1-pk" name="SurveyObjects[0].SurveyObjects[1].ID" value="2076">
<input type="hidden" class="display-order" name="SurveyObjects[0].SurveyObjects[1].DisplayOrder" value="1">
<div class="row">
<div class="tools">
<ul class="list-inline">
<li><a href="http://localhost:14043/Survey/Edit/107#" title="Move Question Up" class="move-question-up" data-question-id="section-0-question-1"><span class="glyphicon glyphicon-circle-arrow-up" aria-hidden="true"></span></a></li>
<li><a href="http://localhost:14043/Survey/Edit/107#" title="Move Question Down" class="move-question-down" data-question-id="section-0-question-1"><span class="glyphicon glyphicon-circle-arrow-down" aria-hidden="true"></span></a></li>
<li><a href="http://localhost:14043/Survey/Edit/107#" title="Delete Question" class="delete-question-button" data-question-id="section-0-question-1"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-sm-6 form-group">
<label for="section-0-question-title-1">Title:</label>
<textarea placeholder="Title" class="form-control" rows="4" cols="20" id="section-0-question-title-1" name="SurveyObjects[0].SurveyObjects[1].Text" required="" data-error="This is a required field.">I Feel Most Proud Of Organizations To Which I belong When They:</textarea>
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-6 form-group">
<label for="section-0-question-notes-1">Notes:</label>
<textarea placeholder="Notes" class="form-control" rows="4" cols="20" id="section-0-question-notes-1" name="SurveyObjects[0].SurveyObjects[1].Notes"></textarea>
</div>
</div>
<div class="row">
<div class="col-sm-6 form-group">
<label for="section-0-question-peer-review-1">Peer Review:</label>
<input id="section-0-question-peer-review-1" name="SurveyObjects[0].SurveyObjects[1].IsPeerReview" type="checkbox" value="true">
<input type="hidden" value="false" name="SurveyObjects[0].SurveyObjects[1].IsPeerReview">
</div>
<div class="col-sm-6 form-group">
</div>
</div>
<div class="row" id="section-0-question-1-type-row">
<div class="col-sm-6 form-group">
<label for="section-0-question-type-1">Type:</label>
<select class="form-control question-type" id="section-0-question-type-1" name="SurveyObjects[0].SurveyObjects[1].TypeID" data-question-id="section-0-question-1" required="" data-error="This is a required field.">
<option selected="" value="1">Grid: Rating scale</option>
<option value="2">List: Multiple Choice</option>
<option value="3">RadioButton: Multiple Choice (One Answer)</option>
<option value="4">CheckBox: Multiple Choice (Muliple Answers)</option>
<option value="5">Textbox: Single Text</option>
<option value="6">Spectrum: Matrix type (Dual)</option>
<option value="7">Textarea: Feedback Comments</option>
</select>
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-6 form-group">
<label for="SurveyObjects[0].SurveyObjects[1].TargetCompetencyID">Target Competency:</label>
<select class="form-control" name="SurveyObjects[0].SurveyObjects[1].TargetCompetencyID" required="" data-error="This is a required field.">
<option value="29">Entrepreneurial Motivation</option>
<option value="24">Extroverted/Introverted</option>
<option selected="" value="30">Goal Driven</option>
<option value="35">Human Values</option>
<option value="23">Influential</option>
<option value="34">Intellectual Values</option>
<option value="27">Judging/Perceiving</option>
<option value="28">Leadership Motivation</option>
<option value="32">Learning Driven</option>
<option value="38">None</option>
<option value="20">Personal Communicator</option>
<option value="18">Personally Likeable</option>
<option value="14">Personally Relational</option>
<option value="16">Personally Respected</option>
<option value="33">Practical Values</option>
<option value="21">Professional Communicator</option>
<option value="19">Professionally Likeable</option>
<option value="15">Professionally Relational</option>
<option value="17">Professionally Respected</option>
<option value="25">Sensing/Intuitive</option>
<option value="37">Social Capital</option>
<option value="36">Social Currency</option>
<option value="31">Socially Driven</option>
<option value="26">Thinking/Feeling</option>
<option value="22">Trustworthiness</option>
</select>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="question-list" id="question-grid-section-0-question-1">
<div class="row">
<div class="col-sm-6">
<div class="tools">
<ul class="list-inline">
<li><a href="http://localhost:14043/Survey/Edit/107#" id="add-grid-row-item-section-0-question-1" class="add-grid-row-item" data-question-name="SurveyObjects[0].SurveyObjects[1].Questions" title="Add Row" data-question-grid-id="question-grid-section-0-question-1"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
<div class="col-sm-6">
<div class="tools">
<ul class="list-inline">
<li><a href="http://localhost:14043/Survey/Edit/107#" id="add-grid-column-item-section-0-question-1" class="add-grid-column-item" data-choice-name="SurveyObjects[0].SurveyObjects[1].Choices" title="Add Column" data-question-grid-id="question-grid-section-0-question-1"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3 form-group">
<input type="text" class="form-control" placeholder="Row Text" name="SurveyObjects[0].SurveyObjects[1].Questions" value="Have Created New Products and Services" data-type="row" required="" data-error="This is a required field.">
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-3">
<div class="tools">
<ul class="list-inline">
<li><a href="http://localhost:14043/Survey/Edit/107#" class="delete-row-column" title="Delete Row"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
<div class="col-sm-3 form-group">
<input type="text" class="form-control" placeholder="Column Text" name="SurveyObjects[0].SurveyObjects[1].Choices" value="1- Most Important" data-type="column" required="" data-error="This is a required field.">
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-3">
<div class="tools">
<ul class="list-inline">
<li><a href="http://localhost:14043/Survey/Edit/107#" class="delete-column-column" title="Delete Column Item"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3 form-group">
<input type="text" class="form-control" placeholder="Row Text" name="SurveyObjects[0].SurveyObjects[1].Questions" value="Created Financial Worth For Individuals" data-type="row" required="" data-error="This is a required field.">
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-3">
<div class="tools">
<ul class="list-inline">
<li><a href="http://localhost:14043/Survey/Edit/107#" class="delete-row-column" title="Delete Row"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
<div class="col-sm-3 form-group">
<input type="text" class="form-control" placeholder="Column Text" name="SurveyObjects[0].SurveyObjects[1].Choices" value="2- Second Most Important" data-type="column" required="" data-error="This is a required field.">
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-3">
<div class="tools">
<ul class="list-inline">
<li><a href="http://localhost:14043/Survey/Edit/107#" class="delete-column-column" title="Delete Column Item"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3 form-group">
<input type="text" class="form-control" placeholder="Row Text" name="SurveyObjects[0].SurveyObjects[1].Questions" value="Have Helped People Live Easier and Healthier Lives" data-type="row" required="" data-error="This is a required field.">
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-3">
<div class="tools">
<ul class="list-inline">
<li><a href="http://localhost:14043/Survey/Edit/107#" class="delete-row-column" title="Delete Row"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
<div class="col-sm-3 form-group">
<input type="text" class="form-control" placeholder="Column Text" name="SurveyObjects[0].SurveyObjects[1].Choices" value="3- Third Most Important" data-type="column" required="" data-error="This is a required field.">
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-3">
<div class="tools">
<ul class="list-inline">
<li><a href="http://localhost:14043/Survey/Edit/107#" class="delete-column-column" title="Delete Column Item"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="row" id="section-0-buttons">
<div class="col-sm-12 form-inline">
<button type="button" class="btn btn-primary add-section-question" id="add-section-question-0" data-section-id="0" data-buttons-id="section-0-buttons"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Add Question</button>
<button type="button" class="btn btn-primary add-section-label" id="add-section-label-0" data-section-id="0" data-buttons-id="section-0-buttons"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Add Label</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel-group" id="section-1" role="tablist" aria-multiselectable="true">
<input type="hidden" name="SurveyObjects[1].PKElementID" value="section-1-pk">
<input type="hidden" id="section-1-pk" name="SurveyObjects[1].ID" value="2197">
<input type="hidden" name="SurveyObjects[1].TypeID" value="8">
<input type="hidden" class="display-order" name="SurveyObjects[1].DisplayOrder" value="1">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="section-1-header">
<h2 class="panel-title">
<a id="section-1-header-a" class="collapsed" data-toggle="collapse" data-parent="#accordion" href="http://localhost:14043/Survey/Edit/107#section-1-body" aria-expanded="false" aria-controls="section-1-body">
FOR THE FOLLOWING QUESTIONS, IDENTIFY WHERE ON THE SPECTRUM YOU FALL
</a>
</h2>
<div class="tools">
<ul class="list-inline">
<li><a href="http://localhost:14043/Survey/Edit/107#" data-section-div-id="section-1" title="Move Section Up" class="move-section-up"><span class="glyphicon glyphicon-circle-arrow-up" aria-hidden="true"></span></a></li>
<li><a href="http://localhost:14043/Survey/Edit/107#" data-section-div-id="section-1" title="Move Section Down" class="move-section-down"><span class="glyphicon glyphicon-circle-arrow-down" aria-hidden="true"></span></a></li>
<li><a href="http://localhost:14043/Survey/Edit/107#" data-section-div-id="section-1" title="Delete Section" class="delete-section-button"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
<div id="section-1-body" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="section-1-header">
<div class="panel-body">
<div class="row">
<div class="col-sm-6 form-group">
<label for="section-name-1">Name:</label>
<input type="text" value="FOR THE FOLLOWING QUESTIONS, IDENTIFY WHERE ON THE SPECTRUM YOU FALL" class="form-control section-name" id="section-name-1" name="SurveyObjects[1].Text" data-header-link="section-1-header-a" placeholder="Section Name" required="" data-error="Section name is a required field.">
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-6 form-group">
<label for="section-description-1">Description:</label>
<input type="text" class="form-control" id="section-description-1" name="SurveyObjects[1].Text2" placeholder="Description">
</div>
</div>
<div class="question" id="section-1-question-0" data-question-index="0" data-section-index="1">
<input type="hidden" name="SurveyObjects[1].SurveyObjects[0].PKElementID" value="section-1-question-0-pk">
<input type="hidden" id="section-1-question-0-pk" name="SurveyObjects[1].SurveyObjects[0].ID" value="2198">
<input type="hidden" class="display-order" name="SurveyObjects[1].SurveyObjects[0].DisplayOrder" value="0">
<div class="row">
<div class="tools">
<ul class="list-inline">
<li><a href="http://localhost:14043/Survey/Edit/107#" title="Move Question Up" class="move-question-up" data-question-id="section-1-question-0"><span class="glyphicon glyphicon-circle-arrow-up" aria-hidden="true"></span></a></li>
<li><a href="http://localhost:14043/Survey/Edit/107#" title="Move Question Down" class="move-question-down" data-question-id="section-1-question-0"><span class="glyphicon glyphicon-circle-arrow-down" aria-hidden="true"></span></a></li>
<li><a href="http://localhost:14043/Survey/Edit/107#" title="Delete Question" class="delete-question-button" data-question-id="section-1-question-0"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-sm-6 form-group">
<label for="section-1-question-title-0">Title:</label>
<textarea placeholder="Title" class="form-control" rows="4" cols="20" id="section-1-question-title-0" name="SurveyObjects[1].SurveyObjects[0].Text" required="" data-error="This is a required field.">I LIKE TO TALK THINGS OUT</textarea>
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-6 form-group">
<label for="section-1-question-notes-0">Notes:</label>
<textarea placeholder="Notes" class="form-control" rows="4" cols="20" id="section-1-question-notes-0" name="SurveyObjects[1].SurveyObjects[0].Notes"></textarea>
</div>
</div>
<div class="row">
<div class="col-sm-6 form-group">
<label for="section-1-question-peer-review-0">Peer Review:</label>
<input id="section-1-question-peer-review-0" name="SurveyObjects[1].SurveyObjects[0].IsPeerReview" type="checkbox" value="true">
<input type="hidden" value="false" name="SurveyObjects[1].SurveyObjects[0].IsPeerReview">
</div>
<div class="col-sm-6 form-group">
</div>
</div>
<div class="row" id="section-1-question-0-type-row">
<div class="col-sm-6 form-group">
<label for="section-1-question-type-0">Type:</label>
<select class="form-control question-type" id="section-1-question-type-0" name="SurveyObjects[1].SurveyObjects[0].TypeID" data-question-id="section-1-question-0" required="" data-error="This is a required field.">
<option value="1">Grid: Rating scale</option>
<option value="2">List: Multiple Choice</option>
<option value="3">RadioButton: Multiple Choice (One Answer)</option>
<option value="4">CheckBox: Multiple Choice (Muliple Answers)</option>
<option value="5">Textbox: Single Text</option>
<option selected="" value="6">Spectrum: Matrix type (Dual)</option>
<option value="7">Textarea: Feedback Comments</option>
</select>
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-6 form-group">
<label for="SurveyObjects[1].SurveyObjects[0].TargetCompetencyID">Target Competency:</label>
<select class="form-control" name="SurveyObjects[1].SurveyObjects[0].TargetCompetencyID" required="" data-error="This is a required field.">
<option value="29">Entrepreneurial Motivation</option>
<option value="24">Extroverted/Introverted</option>
<option value="30">Goal Driven</option>
<option value="35">Human Values</option>
<option value="23">Influential</option>
<option value="34">Intellectual Values</option>
<option value="27">Judging/Perceiving</option>
<option value="28">Leadership Motivation</option>
<option value="32">Learning Driven</option>
<option value="38">None</option>
<option value="20">Personal Communicator</option>
<option value="18">Personally Likeable</option>
<option selected="" value="14">Personally Relational</option>
<option value="16">Personally Respected</option>
<option value="33">Practical Values</option>
<option value="21">Professional Communicator</option>
<option value="19">Professionally Likeable</option>
<option value="15">Professionally Relational</option>
<option value="17">Professionally Respected</option>
<option value="25">Sensing/Intuitive</option>
<option value="37">Social Capital</option>
<option value="36">Social Currency</option>
<option value="31">Socially Driven</option>
<option value="26">Thinking/Feeling</option>
<option value="22">Trustworthiness</option>
</select>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="row">
<div class="col-sm-6 form-group">
<label for="SurveyText">Title 2:</label>
<input type="text" class="form-control" name="SurveyObjects[1].SurveyObjects[0].Text2" placeholder="Title 2" value="I LIKE TO THINK THINGS OUT" required="" data-error="This is a required field.">
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-6 form-group">
<label for="SurveyText">Scale:</label>
<input type="number" max="10" min="2" class="form-control" name="SurveyObjects[1].SurveyObjects[0].Choices" placeholder="Scale" value="7" required="" data-error="This is a required field and must be a numeric value between 2 and 10.">
<div class="help-block with-errors"></div>
</div>
</div>
</div>
<div class="question" id="section-1-question-1" data-question-index="1" data-section-index="1">
<input type="hidden" name="SurveyObjects[1].SurveyObjects[1].PKElementID" value="section-1-question-1-pk">
<input type="hidden" id="section-1-question-1-pk" name="SurveyObjects[1].SurveyObjects[1].ID" value="2199">
<input type="hidden" class="display-order" name="SurveyObjects[1].SurveyObjects[1].DisplayOrder" value="1">
<div class="row">
<div class="tools">
<ul class="list-inline">
<li><a href="http://localhost:14043/Survey/Edit/107#" title="Move Question Up" class="move-question-up" data-question-id="section-1-question-1"><span class="glyphicon glyphicon-circle-arrow-up" aria-hidden="true"></span></a></li>
<li><a href="http://localhost:14043/Survey/Edit/107#" title="Move Question Down" class="move-question-down" data-question-id="section-1-question-1"><span class="glyphicon glyphicon-circle-arrow-down" aria-hidden="true"></span></a></li>
<li><a href="http://localhost:14043/Survey/Edit/107#" title="Delete Question" class="delete-question-button" data-question-id="section-1-question-1"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-sm-6 form-group">
<label for="section-1-question-title-1">Title:</label>
<textarea placeholder="Title" class="form-control" rows="4" cols="20" id="section-1-question-title-1" name="SurveyObjects[1].SurveyObjects[1].Text" required="" data-error="This is a required field.">I ENJOY BEING AROUND PEOPLE</textarea>
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-6 form-group">
<label for="section-1-question-notes-1">Notes:</label>
<textarea placeholder="Notes" class="form-control" rows="4" cols="20" id="section-1-question-notes-1" name="SurveyObjects[1].SurveyObjects[1].Notes"></textarea>
</div>
</div>
<div class="row">
<div class="col-sm-6 form-group">
<label for="section-1-question-peer-review-1">Peer Review:</label>
<input id="section-1-question-peer-review-1" name="SurveyObjects[1].SurveyObjects[1].IsPeerReview" type="checkbox" value="true">
<input type="hidden" value="false" name="SurveyObjects[1].SurveyObjects[1].IsPeerReview">
</div>
<div class="col-sm-6 form-group">
</div>
</div>
<div class="row" id="section-1-question-1-type-row">
<div class="col-sm-6 form-group">
<label for="section-1-question-type-1">Type:</label>
<select class="form-control question-type" id="section-1-question-type-1" name="SurveyObjects[1].SurveyObjects[1].TypeID" data-question-id="section-1-question-1" required="" data-error="This is a required field.">
<option value="1">Grid: Rating scale</option>
<option value="2">List: Multiple Choice</option>
<option value="3">RadioButton: Multiple Choice (One Answer)</option>
<option value="4">CheckBox: Multiple Choice (Muliple Answers)</option>
<option value="5">Textbox: Single Text</option>
<option selected="" value="6">Spectrum: Matrix type (Dual)</option>
<option value="7">Textarea: Feedback Comments</option>
</select>
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-6 form-group">
<label for="SurveyObjects[1].SurveyObjects[1].TargetCompetencyID">Target Competency:</label>
<select class="form-control" name="SurveyObjects[1].SurveyObjects[1].TargetCompetencyID" required="" data-error="This is a required field.">
<option value="29">Entrepreneurial Motivation</option>
<option value="24">Extroverted/Introverted</option>
<option value="30">Goal Driven</option>
<option value="35">Human Values</option>
<option value="23">Influential</option>
<option value="34">Intellectual Values</option>
<option value="27">Judging/Perceiving</option>
<option value="28">Leadership Motivation</option>
<option value="32">Learning Driven</option>
<option value="38">None</option>
<option value="20">Personal Communicator</option>
<option value="18">Personally Likeable</option>
<option selected="" value="14">Personally Relational</option>
<option value="16">Personally Respected</option>
<option value="33">Practical Values</option>
<option value="21">Professional Communicator</option>
<option value="19">Professionally Likeable</option>
<option value="15">Professionally Relational</option>
<option value="17">Professionally Respected</option>
<option value="25">Sensing/Intuitive</option>
<option value="37">Social Capital</option>
<option value="36">Social Currency</option>
<option value="31">Socially Driven</option>
<option value="26">Thinking/Feeling</option>
<option value="22">Trustworthiness</option>
</select>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="row">
<div class="col-sm-6 form-group">
<label for="SurveyText">Title 2:</label>
<input type="text" class="form-control" name="SurveyObjects[1].SurveyObjects[1].Text2" placeholder="Title 2" value="I ENJOY SOLITUDE" required="" data-error="This is a required field.">
<div class="help-block with-errors"></div>
</div>
<div class="col-sm-6 form-group">
<label for="SurveyText">Scale:</label>
<input type="number" max="10" min="2" class="form-control" name="SurveyObjects[1].SurveyObjects[1].Choices" placeholder="Scale" value="7" required="" data-error="This is a required field and must be a numeric value between 2 and 10.">
<div class="help-block with-errors"></div>
</div>
</div>
</div>
<div class="question" id="section-1-question-2" data-question-index="2" data-section-index="1">
<input type="hidden" name="SurveyObjects[1].SurveyObjects[2].PKElementID" value="section-1-question-2-pk">
<input type="hidden" id="section-1-question-2-pk" name="SurveyObjects[1].SurveyObjects[2].ID" value="2308">
<input type="hidden" class="display-order" name="SurveyObjects[1].SurveyObjects[2].DisplayOrder" value="2">
<div class="row">
<div class="tools">
<ul class="list-inline">
<li><a href="http://localhost:14043/Survey/Edit/107#" title="Move Question Up" class="move-question-up" data-question-id="section-1-question-2"><span class="glyphicon glyphicon-circle-arrow-up" aria-hidden="true"></span></a></li>
<li><a href="http://localhost:14043/Survey/Edit/107#" title="Move Question Down" class="move-question-down" data-question-id="section-1-question-2"><span class="glyphicon glyphicon-circle-arrow-down" aria-hidden="true"></span></a></li>
<li><a href="http://localhost:14043/Survey/Edit/107#" title="Delete Question" class="delete-question-button" data-question-id="section-1-question-2"><span clas