How do i bind 4 tab in a loop.
- @foreach (var item in Model.ParentList)
- {
- <div class="tab-pane active" id="tab1">
-
- @foreach (var items in Model.ParentList)
- {
- <div class="row">
-
- <div class="form-group">
-
- <div class="col-md-12">
-
-
- <label>@items.QuestionText</label>
-
- @foreach (var ch in Model.ChildList)
- {
- if (items.QuestionId == ch.QuestionId)
- {
- string id = @ch.QuestionId + "_" + @ch.AnswerId;
-
- <div class="icheck-list">
- <label class="icheck-list" id="@ch.AnswerId">
-
- <input name="@ch.QuestionId" onclick="handlesClick(this);" id="@id" type="radio">@ch.AnswerText
- <span></span>
- </label>
- </div>
- }
-
- }
- </div></div></div>
- }
- </div>
here is for tab2,3 and 4:- <div class="tab-pane" id="tab2"></div>
- <div class="tab-pane" id="tab3"></div>
- <div class="tab-pane" id="tab4"></div>
the same code for tab2 and 3 and 4. in 4 there is a button.
i have 3 tab.(i.e. in first tag 4 questions,in next 2 tab 4 questions and 3 tab 2 questions)
Model.ParentList i got 10 questions. in Model.ChildList i got 50 answer as 10 questions and each quest having 5 choice.
i have using this themes.
http://keenthemes.com/preview/metronic/theme/admin_1/form_wizard.html
can anyone tell me??