{{::question.title}} *
Required

{{::question.fineprint}}

</div> <div ng-if="question.type == questionsTypes.enumId.RADIO_LIST || (question.type == questionsTypes.enumId.DROPDOWN && state.isMobile)"> <ul class="options"> <li class="clear clearAfter styled-form-component" ng-repeat="option in question.options"> <input class="checkbox focusHighlight" type="radio" id="ch_{{::question.title}}_{{::option.title}}" name="ch_{{::question.title}}" ng-model="question.answers[0]" ng-value="option" get-focus="question.uiFocus && $index === 0" ng-blur="question.uiFocus = false" /> <label class="checkboxLabel ellipsis" for="ch_{{::question.title}}_{{::option.title}}"> <span class="fa-stack checkbox"> <i class="fa fa-circle fa-stack-1x"></i> <i class="fa fa-check fa-stack-1x" ng-show="question.answers[0].title == option.title"></i> </span> <div class="option-title">{{::option.title}}</div> <div ng-if="option.explanation.length" ng-bind-html="option.explanation" class="option-description userDesignedContent lightText"></div> </label> </li> </ul> </div> <div ng-if="question.type == questionsTypes.enumId.DROPDOWN && !state.isMobile"> <div dropdown dropdown-auto-dropup class="dropdown left"> <label> <a dropdown-toggle class="dropdown-toggle focusHighlight" get-focus="field.focus || question.uiFocus" href="" ng-blur="question.uiFocus = false" id="{{::question.id}}" aria-label="Choose answer for {{::question.title}}"> {{ question.answers[0].title || 'Choose' }} <i class="fa fa-caret-down lightText" ></i> </a> </label> <ul class="dropdown-menu"> <li ng-repeat="option in question.options" ng-class="{active:question.answers[0].title==option.title}"> <a href="" class="notBranded" ng-click="question.answers[0] = option; $event.preventDefault();" > <div class="option-title">{{::option.title}}</div> <div ng-if="option.explanation.length" ng-bind-html="option.explanation" class="option-description userDesignedContent lightText"></div> </a> </li> </ul> </div> </div> <div ng-if="question.type == questionsTypes.enumId.MULTI_SELECT"> <ul class="options"> <li class="clear clearAfter styled-form-component" ng-repeat="option in question.options"> <input class="checkbox focusHighlight" type="checkbox" id="ch_{{::question.title}}_{{::option.title}}" ng-model="option.checked" get-focus="question.uiFocus && $index === 0" ng-blur="question.uiFocus = false" /> <label class="checkboxLabel ellipsis" for="ch_{{::question.title}}_{{::option.title}}"> <span class="fa-stack checkbox"> <i class="fa fa-square fa-stack-1x"></i> <i class="fa fa-check fa-stack-1x" ng-show="option.checked"></i> </span> <div class="option-title">{{::option.title}}</div> <div ng-if="option.explanation.length" ng-bind-html="option.explanation" class="option-description lightText userDesignedContent "></div> </label> </li> </ul> </div> <div ng-if="question.type == questionsTypes.enumId.DATE "> </div> <div ng-if="question.type == questionsTypes.enumId.FILE"> </div> </fieldset> </li> </ul> </div>

{{::currentQuestionnaire.name}}