centric.bnpparibas.com
Open in
urlscan Pro
104.75.5.59
Public Scan
URL:
https://centric.bnpparibas.com/public-survey?uuid=6356a6de-8a8c-4d74-8a06-2edc6afa75c7&e=BAB757F09B18B711F92B19DE7A147DA6
Submission: On June 17 via api from US — Scanned from DE
Submission: On June 17 via api from US — Scanned from DE
Form analysis 1 forms found in the DOM
<form onsubmit="return false;">
<div class="sv_custom_header" data-bind="visible: !hasLogo"></div>
<div data-bind="css: css.container" class="lp-survey-container">
<!-- ko template: { name: koTitleTemplate, afterRender: koAfterRenderHeader } -->
<!-- ko if: (locTitle.koRenderedHtml().length > 0) && showTitle || hasLogo --><!-- /ko -->
<!-- /ko -->
<!-- ko if: koState() == "starting" --><!-- /ko -->
<!-- ko if: koState() == "running" || koState() == "preview" -->
<div data-bind="css: css.body" class="lp-survey-body">
<!-- ko if: isTimerPanelShowingOnTop --><!-- /ko -->
<!-- ko if: isShowProgressBarOnTop --><!-- /ko -->
<!-- ko if: isNavigationButtonsShowing === 'top' || isNavigationButtonsShowing === 'both' --><!-- /ko -->
<!-- ko if: koCurrentPage -->
<div data-bind="attr: { id: koCurrentPage().id }, template: { name: 'survey-page', data: koCurrentPage, afterRender: koAfterRenderPage }" id="sp_100">
<div data-bind="css: cssClasses.page.root" class="lp-survey-page">
<!-- ko if: _showTitle --><!-- /ko -->
<!-- ko if: _showDescription--><!-- /ko -->
<!-- ko template: { name: 'survey-rows', data: $data} -->
<!-- ko foreach: { data: rows, as: 'row'} -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko template: { name: "survey-row-content", afterRender: rowAfterRender } -->
<!-- ko if: row.isNeedRender -->
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div
data-bind="css: question.koRootCss(), style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, flexBasis: renderWidth, flexGrow: 1, flexShrink: 1, width: renderWidth, minWidth: $data.minWidth, maxWidth: $data.maxWidth}, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.hasTitle ? question.ariaTitleId : null }"
class="lp-survey-mainRoot" id="sq_100" name="question1" style="flex: 1 1 100%; width: 100%; min-width: 300px; max-width: initial;">
<!-- ko if: question.hasTitleOnLeftTop --><!-- /ko -->
<div data-bind="css: question.cssContent" class="lp-group-question">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error' }, css: koErrorClass(), attr: { id: question.id + '_errors' }" class="alert alert-danger sv_qstn_error_top" id="sq_100_errors"
style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<div data-bind="html: question.locHtml.koRenderedHtml, css: question.koCss().root">
<h4 style="text-align: left"> 2 minutes of your time, that’s all we’re asking for. <br>Please help us to improve Centric for you. </h4>
</div><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<div data-bind="visible: question.hasDescriptionUnderInput, css: koCss().descriptionUnderInput" class="small" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div><!-- /ko --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko template: { name: "survey-row-content", afterRender: rowAfterRender } -->
<!-- ko if: row.isNeedRender -->
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div
data-bind="css: question.koRootCss(), style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, flexBasis: renderWidth, flexGrow: 1, flexShrink: 1, width: renderWidth, minWidth: $data.minWidth, maxWidth: $data.maxWidth}, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.hasTitle ? question.ariaTitleId : null }"
class="lp-survey-mainRoot" id="sq_101" name="question 2" aria-labelledby="sq_101_ariaTitle" style="flex: 1 1 100%; width: 100%; min-width: 300px; max-width: initial;">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<div data-bind="css: question.cssHeader, click: question.clickTitleFunction">
<h5 data-bind="css: cssTitle, attr: { 'aria-label': question.locTitle.renderedHtml, id: ariaTitleId }" aria-label="How would you describe your relationship with Centric?" id="sq_101_ariaTitle">
<!-- ko template: { name: 'survey-question-title-content', data: question } -->
<!-- ko if: $data.isRequireTextOnStart --><!-- /ko -->
<!-- ko if: no -->
<span style="position: static;" data-bind="css: koCss().number, text: no" class="sv_q_num">1.</span>
<!-- /ko -->
<!-- ko if: $data.isRequireTextBeforeTitle --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">How would you describe your relationship with Centric?</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
<!-- ko if: $data.isRequireTextAfterTitle --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: question.hasDescriptionUnderTitle, css: koCss().description" class="small">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- /ko -->
<!-- /ko -->
<div data-bind="css: question.cssContent" class="lp-group-question">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error' }, css: koErrorClass(), attr: { id: question.id + '_errors' }" class="alert alert-danger sv_qstn_error_top" id="sq_101_errors"
style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<fieldset data-bind="css: question.koCss().root" role="radiogroup" class="form-inline">
<legend data-bind="attr: { 'aria-label': question.locTitle.renderedHtml }" aria-label="How would you describe your relationship with Centric?"></legend>
<!-- ko ifnot: question.hasColumns -->
<!-- ko foreach: { data: question.visibleChoices, as: 'item', afterRender: question.koAfterRender } --><!-- ko template: 'survey-radiogroup-item' -->
<div data-bind="css: question.getItemClass(item)" class="lp-survey-radio sv-q-col-1">
<label data-bind="css: question.getLabelClass(item)">
<input type="radio"
data-bind="attr: { name: question.name + '_' + question.id, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, role: 'radio', 'aria-invalid': question.errors.length > 0, 'aria-describedby': question.errors.length > 0 ? question.id + '_errors' : null}, checkedValue: item.value, checked: question.renderedValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="question 2_sq_101" id="sq_101i_0" aria-label="It's complicated" role="radio" value="item1">
<span data-bind="css: question.koCss().materialDecorator" class="circle">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="check"></span>
<span data-bind="visible: !item.hideCaption, css: question.getControlLabelClass(item), attr: { title: item.locText.koRenderedHtml }" class="lp-survey-radio-label" title="It's complicated">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">It's complicated</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- ko template: 'survey-radiogroup-item' -->
<div data-bind="css: question.getItemClass(item)" class="lp-survey-radio sv-q-col-1">
<label data-bind="css: question.getLabelClass(item)">
<input type="radio"
data-bind="attr: { name: question.name + '_' + question.id, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, role: 'radio', 'aria-invalid': question.errors.length > 0, 'aria-describedby': question.errors.length > 0 ? question.id + '_errors' : null}, checkedValue: item.value, checked: question.renderedValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="question 2_sq_101" id="sq_101i_1" aria-label="Friend-zone" role="radio" value="item2">
<span data-bind="css: question.koCss().materialDecorator" class="circle">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="check"></span>
<span data-bind="visible: !item.hideCaption, css: question.getControlLabelClass(item), attr: { title: item.locText.koRenderedHtml }" class="lp-survey-radio-label" title="Friend-zone">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">Friend-zone</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- ko template: 'survey-radiogroup-item' -->
<div data-bind="css: question.getItemClass(item)" class="lp-survey-radio sv-q-col-1">
<label data-bind="css: question.getLabelClass(item)">
<input type="radio"
data-bind="attr: { name: question.name + '_' + question.id, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, role: 'radio', 'aria-invalid': question.errors.length > 0, 'aria-describedby': question.errors.length > 0 ? question.id + '_errors' : null}, checkedValue: item.value, checked: question.renderedValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="question 2_sq_101" id="sq_101i_2" aria-label="Flirting" role="radio" value="item3">
<span data-bind="css: question.koCss().materialDecorator" class="circle">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="check"></span>
<span data-bind="visible: !item.hideCaption, css: question.getControlLabelClass(item), attr: { title: item.locText.koRenderedHtml }" class="lp-survey-radio-label" title="Flirting">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">Flirting</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- ko template: 'survey-radiogroup-item' -->
<div data-bind="css: question.getItemClass(item)" class="lp-survey-radio sv-q-col-1">
<label data-bind="css: question.getLabelClass(item)">
<input type="radio"
data-bind="attr: { name: question.name + '_' + question.id, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, role: 'radio', 'aria-invalid': question.errors.length > 0, 'aria-describedby': question.errors.length > 0 ? question.id + '_errors' : null}, checkedValue: item.value, checked: question.renderedValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="question 2_sq_101" id="sq_101i_3" aria-label="In love" role="radio" value="item4">
<span data-bind="css: question.koCss().materialDecorator" class="circle">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="check"></span>
<span data-bind="visible: !item.hideCaption, css: question.getControlLabelClass(item), attr: { title: item.locText.koRenderedHtml }" class="lp-survey-radio-label" title="In love">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">In love</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- ko template: 'survey-radiogroup-item' -->
<div data-bind="css: question.getItemClass(item)" class="lp-survey-radio sv-q-col-1">
<label data-bind="css: question.getLabelClass(item)">
<input type="radio"
data-bind="attr: { name: question.name + '_' + question.id, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, role: 'radio', 'aria-invalid': question.errors.length > 0, 'aria-describedby': question.errors.length > 0 ? question.id + '_errors' : null}, checkedValue: item.value, checked: question.renderedValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="question 2_sq_101" id="sq_101i_4" aria-label="For life " role="radio" value="item5">
<span data-bind="css: question.koCss().materialDecorator" class="circle">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="check"></span>
<span data-bind="visible: !item.hideCaption, css: question.getControlLabelClass(item), attr: { title: item.locText.koRenderedHtml }" class="lp-survey-radio-label" title="For life ">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">For life </span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasColumns --><!-- /ko -->
<!-- ko if: question.canShowClearButton --><!-- /ko -->
</fieldset><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<div data-bind="visible: question.hasDescriptionUnderInput, css: koCss().descriptionUnderInput" class="small" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div><!-- /ko --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko template: { name: "survey-row-content", afterRender: rowAfterRender } -->
<!-- ko if: row.isNeedRender -->
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div
data-bind="css: question.koRootCss(), style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, flexBasis: renderWidth, flexGrow: 1, flexShrink: 1, width: renderWidth, minWidth: $data.minWidth, maxWidth: $data.maxWidth}, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.hasTitle ? question.ariaTitleId : null }"
class="lp-survey-mainRoot" id="sq_102" name="question 3" aria-labelledby="sq_102_ariaTitle" style="flex: 1 1 100%; width: 100%; min-width: 300px; max-width: initial;">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<div data-bind="css: question.cssHeader, click: question.clickTitleFunction">
<h5 data-bind="css: cssTitle, attr: { 'aria-label': question.locTitle.renderedHtml, id: ariaTitleId }" aria-label="How often do you use Centric? " id="sq_102_ariaTitle">
<!-- ko template: { name: 'survey-question-title-content', data: question } -->
<!-- ko if: $data.isRequireTextOnStart --><!-- /ko -->
<!-- ko if: no -->
<span style="position: static;" data-bind="css: koCss().number, text: no" class="sv_q_num">2.</span>
<!-- /ko -->
<!-- ko if: $data.isRequireTextBeforeTitle --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">How often do you use Centric? </span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
<!-- ko if: $data.isRequireTextAfterTitle --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: question.hasDescriptionUnderTitle, css: koCss().description" class="small">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- /ko -->
<!-- /ko -->
<div data-bind="css: question.cssContent" class="lp-group-question">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error' }, css: koErrorClass(), attr: { id: question.id + '_errors' }" class="alert alert-danger sv_qstn_error_top" id="sq_102_errors"
style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<fieldset data-bind="css: question.koCss().root" role="radiogroup" class="form-inline">
<legend data-bind="attr: { 'aria-label': question.locTitle.renderedHtml }" aria-label="How often do you use Centric? "></legend>
<!-- ko ifnot: question.hasColumns -->
<!-- ko foreach: { data: question.visibleChoices, as: 'item', afterRender: question.koAfterRender } --><!-- ko template: 'survey-radiogroup-item' -->
<div data-bind="css: question.getItemClass(item)" class="lp-survey-radio sv-q-col-1">
<label data-bind="css: question.getLabelClass(item)">
<input type="radio"
data-bind="attr: { name: question.name + '_' + question.id, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, role: 'radio', 'aria-invalid': question.errors.length > 0, 'aria-describedby': question.errors.length > 0 ? question.id + '_errors' : null}, checkedValue: item.value, checked: question.renderedValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="question 3_sq_102" id="sq_102i_0" aria-label="It's my daily cup of tea" role="radio" value="item1">
<span data-bind="css: question.koCss().materialDecorator" class="circle">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="check"></span>
<span data-bind="visible: !item.hideCaption, css: question.getControlLabelClass(item), attr: { title: item.locText.koRenderedHtml }" class="lp-survey-radio-label" title="It's my daily cup of tea">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">It's my daily cup of tea</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- ko template: 'survey-radiogroup-item' -->
<div data-bind="css: question.getItemClass(item)" class="lp-survey-radio sv-q-col-1">
<label data-bind="css: question.getLabelClass(item)">
<input type="radio"
data-bind="attr: { name: question.name + '_' + question.id, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, role: 'radio', 'aria-invalid': question.errors.length > 0, 'aria-describedby': question.errors.length > 0 ? question.id + '_errors' : null}, checkedValue: item.value, checked: question.renderedValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="question 3_sq_102" id="sq_102i_1" aria-label="I check it weekly" role="radio" value="item2">
<span data-bind="css: question.koCss().materialDecorator" class="circle">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="check"></span>
<span data-bind="visible: !item.hideCaption, css: question.getControlLabelClass(item), attr: { title: item.locText.koRenderedHtml }" class="lp-survey-radio-label" title="I check it weekly">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">I check it weekly</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- ko template: 'survey-radiogroup-item' -->
<div data-bind="css: question.getItemClass(item)" class="lp-survey-radio sv-q-col-1">
<label data-bind="css: question.getLabelClass(item)">
<input type="radio"
data-bind="attr: { name: question.name + '_' + question.id, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, role: 'radio', 'aria-invalid': question.errors.length > 0, 'aria-describedby': question.errors.length > 0 ? question.id + '_errors' : null}, checkedValue: item.value, checked: question.renderedValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="question 3_sq_102" id="sq_102i_2" aria-label="Monthly is enough" role="radio" value="item3">
<span data-bind="css: question.koCss().materialDecorator" class="circle">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="check"></span>
<span data-bind="visible: !item.hideCaption, css: question.getControlLabelClass(item), attr: { title: item.locText.koRenderedHtml }" class="lp-survey-radio-label" title="Monthly is enough">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">Monthly is enough</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- ko template: 'survey-radiogroup-item' -->
<div data-bind="css: question.getItemClass(item)" class="lp-survey-radio sv-q-col-1">
<label data-bind="css: question.getLabelClass(item)">
<input type="radio"
data-bind="attr: { name: question.name + '_' + question.id, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, role: 'radio', 'aria-invalid': question.errors.length > 0, 'aria-describedby': question.errors.length > 0 ? question.id + '_errors' : null}, checkedValue: item.value, checked: question.renderedValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="question 3_sq_102" id="sq_102i_3" aria-label="A few times per year" role="radio" value="other">
<span data-bind="css: question.koCss().materialDecorator" class="circle">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="check"></span>
<span data-bind="visible: !item.hideCaption, css: question.getControlLabelClass(item), attr: { title: item.locText.koRenderedHtml }" class="lp-survey-radio-label" title="A few times per year">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">A few times per year</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) -->
<div class="form-group" data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': question.isOtherSelected}}">
<!--ko if: !question.isReadOnlyRenderDiv() -->
<!--ko if: !question.isInputTextUpdate -->
<textarea type="text"
data-bind="disable: question.isReadOnly, value: $data.question.comment, visible: $data.visible, css: question.koCss().other, attr: {maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml, placeholder: question.otherPlaceHolder}"
class="sv_q_radiogroup_other form-control" aria-label="How often do you use Centric? " placeholder="" style="display: none;"></textarea>
<!--/ko-->
<!--ko if: question.isInputTextUpdate --><!--/ko-->
<!--/ko-->
<!--ko if: question.isReadOnlyRenderDiv() --><!--/ko-->
</div>
<!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasColumns --><!-- /ko -->
<!-- ko if: question.canShowClearButton --><!-- /ko -->
</fieldset><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<div data-bind="visible: question.hasDescriptionUnderInput, css: koCss().descriptionUnderInput" class="small" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div><!-- /ko --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko template: { name: "survey-row-content", afterRender: rowAfterRender } -->
<!-- ko if: row.isNeedRender -->
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div
data-bind="css: question.koRootCss(), style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, flexBasis: renderWidth, flexGrow: 1, flexShrink: 1, width: renderWidth, minWidth: $data.minWidth, maxWidth: $data.maxWidth}, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.hasTitle ? question.ariaTitleId : null }"
class="lp-survey-mainRoot" id="sq_103" name="question 4" aria-labelledby="sq_103_ariaTitle" style="flex: 1 1 100%; width: 100%; min-width: 300px; max-width: initial;">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<div data-bind="css: question.cssHeader, click: question.clickTitleFunction">
<h5 data-bind="css: cssTitle, attr: { 'aria-label': question.locTitle.renderedHtml, id: ariaTitleId }" aria-label="How would you describe Centric in one word? Go ahead, we can handle it!" id="sq_103_ariaTitle">
<!-- ko template: { name: 'survey-question-title-content', data: question } -->
<!-- ko if: $data.isRequireTextOnStart --><!-- /ko -->
<!-- ko if: no -->
<span style="position: static;" data-bind="css: koCss().number, text: no" class="sv_q_num">3.</span>
<!-- /ko -->
<!-- ko if: $data.isRequireTextBeforeTitle --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">How would you describe Centric in one word? Go ahead, we can handle it!</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
<!-- ko if: $data.isRequireTextAfterTitle --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: question.hasDescriptionUnderTitle, css: koCss().description" class="small">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- /ko -->
<!-- /ko -->
<div data-bind="css: question.cssContent" class="lp-group-question">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error' }, css: koErrorClass(), attr: { id: question.id + '_errors' }" class="alert alert-danger sv_qstn_error_top" id="sq_103_errors"
style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!--ko if: !question.isReadOnlyRenderDiv() -->
<!--ko if: !question.isInputTextUpdate -->
<textarea type="text"
data-bind="attr: {'readonly': question.isReadOnly, 'disabled': question.isReadOnly, maxLength: question.getMaxLength(), cols: question.cols, rows: question.rows, id: question.inputId, placeholder: question.isReadOnly ? undefined : question.placeHolder, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, 'aria-invalid': question.errors.length > 0, 'aria-describedby': question.errors.length > 0 ? question.id + '_errors' : null}, value:question.value, css: question.koCss().root"
cols="50" rows="4" id="sq_103i" placeholder="" aria-label="How would you describe Centric in one word? Go ahead, we can handle it!" class="form-control"></textarea>
<!--/ko-->
<!--ko if: question.isInputTextUpdate --><!--/ko-->
<!--/ko-->
<!--ko if: question.isReadOnlyRenderDiv() --><!--/ko--><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<div data-bind="visible: question.hasDescriptionUnderInput, css: koCss().descriptionUnderInput" class="small" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div><!-- /ko --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko template: { name: "survey-row-content", afterRender: rowAfterRender } -->
<!-- ko if: row.isNeedRender -->
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div
data-bind="css: question.koRootCss(), style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, flexBasis: renderWidth, flexGrow: 1, flexShrink: 1, width: renderWidth, minWidth: $data.minWidth, maxWidth: $data.maxWidth}, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.hasTitle ? question.ariaTitleId : null }"
class="lp-survey-mainRoot" id="sq_104" name="question 5" aria-labelledby="sq_104_ariaTitle" style="flex: 1 1 100%; width: 100%; min-width: 300px; max-width: initial;">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<div data-bind="css: question.cssHeader, click: question.clickTitleFunction">
<h5 data-bind="css: cssTitle, attr: { 'aria-label': question.locTitle.renderedHtml, id: ariaTitleId }" aria-label="How useful is Centric to you? " id="sq_104_ariaTitle">
<!-- ko template: { name: 'survey-question-title-content', data: question } -->
<!-- ko if: $data.isRequireTextOnStart --><!-- /ko -->
<!-- ko if: no -->
<span style="position: static;" data-bind="css: koCss().number, text: no" class="sv_q_num">4.</span>
<!-- /ko -->
<!-- ko if: $data.isRequireTextBeforeTitle --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">How useful is Centric to you? </span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
<!-- ko if: $data.isRequireTextAfterTitle --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: question.hasDescriptionUnderTitle, css: koCss().description" class="small">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- /ko -->
<!-- /ko -->
<div data-bind="css: question.cssContent" class="lp-group-question">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error' }, css: koErrorClass(), attr: { id: question.id + '_errors' }" class="alert alert-danger sv_qstn_error_top" id="sq_104_errors"
style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<div data-bind="css: question.koCss().root" class="btn-group centric-rating">
<!-- ko foreach: question.koVisibleRateValues -->
<label data-bind="css: question.koGetCss($data)" class="btn apply-transparency-theme survey-theme btn-primary">
<input type="radio" class="sv-visuallyhidden"
data-bind="attr: {name: question.name, id: question.name + $index(), value: $data.value, 'aria-required': question.isRequired, 'aria-label': $data.locText.text, 'aria-invalid': question.errors.length > 0, 'aria-describedby': question.errors.length > 0 ? question.id + '_errors' : null}, checkedValue: $data.value, checked: question.value, enable: !question.isReadOnly"
name="question 5" id="question 50" value="[object Object]" aria-label="Doesn’t really help me, sorry" disabled="">
<!-- ko if: $index() == 0 -->
<span data-bind="css: question.koCss().minText" class="sv_q_rating_min_text">
<!-- ko template: { name: 'survey-string', data: question.locMinRateDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</span>
<!-- /ko -->
<span data-bind="css: question.koCss().itemText" class="sv_q_rating_item_text">
<!-- ko template: { name: 'survey-string', data: $data.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">Doesn’t really help me, sorry</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</span>
<!-- ko if: $index() == (question.koVisibleRateValues().length-1) --><!-- /ko -->
</label>
<label data-bind="css: question.koGetCss($data)" class="btn apply-green-theme survey-theme">
<input type="radio" class="sv-visuallyhidden"
data-bind="attr: {name: question.name, id: question.name + $index(), value: $data.value, 'aria-required': question.isRequired, 'aria-label': $data.locText.text, 'aria-invalid': question.errors.length > 0, 'aria-describedby': question.errors.length > 0 ? question.id + '_errors' : null}, checkedValue: $data.value, checked: question.value, enable: !question.isReadOnly"
name="question 5" id="question 51" value="1" aria-label="">
<!-- ko if: $index() == 0 --><!-- /ko -->
<span data-bind="css: question.koCss().itemText" class="sv_q_rating_item_text">
<!-- ko template: { name: 'survey-string', data: $data.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">1</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</span>
<!-- ko if: $index() == (question.koVisibleRateValues().length-1) --><!-- /ko -->
</label>
<label data-bind="css: question.koGetCss($data)" class="btn apply-green-theme survey-theme">
<input type="radio" class="sv-visuallyhidden"
data-bind="attr: {name: question.name, id: question.name + $index(), value: $data.value, 'aria-required': question.isRequired, 'aria-label': $data.locText.text, 'aria-invalid': question.errors.length > 0, 'aria-describedby': question.errors.length > 0 ? question.id + '_errors' : null}, checkedValue: $data.value, checked: question.value, enable: !question.isReadOnly"
name="question 5" id="question 52" value="2" aria-label="">
<!-- ko if: $index() == 0 --><!-- /ko -->
<span data-bind="css: question.koCss().itemText" class="sv_q_rating_item_text">
<!-- ko template: { name: 'survey-string', data: $data.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">2</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</span>
<!-- ko if: $index() == (question.koVisibleRateValues().length-1) --><!-- /ko -->
</label>
<label data-bind="css: question.koGetCss($data)" class="btn apply-green-theme survey-theme">
<input type="radio" class="sv-visuallyhidden"
data-bind="attr: {name: question.name, id: question.name + $index(), value: $data.value, 'aria-required': question.isRequired, 'aria-label': $data.locText.text, 'aria-invalid': question.errors.length > 0, 'aria-describedby': question.errors.length > 0 ? question.id + '_errors' : null}, checkedValue: $data.value, checked: question.value, enable: !question.isReadOnly"
name="question 5" id="question 53" value="3" aria-label="">
<!-- ko if: $index() == 0 --><!-- /ko -->
<span data-bind="css: question.koCss().itemText" class="sv_q_rating_item_text">
<!-- ko template: { name: 'survey-string', data: $data.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">3</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</span>
<!-- ko if: $index() == (question.koVisibleRateValues().length-1) --><!-- /ko -->
</label>
<label data-bind="css: question.koGetCss($data)" class="btn apply-green-theme survey-theme">
<input type="radio" class="sv-visuallyhidden"
data-bind="attr: {name: question.name, id: question.name + $index(), value: $data.value, 'aria-required': question.isRequired, 'aria-label': $data.locText.text, 'aria-invalid': question.errors.length > 0, 'aria-describedby': question.errors.length > 0 ? question.id + '_errors' : null}, checkedValue: $data.value, checked: question.value, enable: !question.isReadOnly"
name="question 5" id="question 54" value="4" aria-label="">
<!-- ko if: $index() == 0 --><!-- /ko -->
<span data-bind="css: question.koCss().itemText" class="sv_q_rating_item_text">
<!-- ko template: { name: 'survey-string', data: $data.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">4</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</span>
<!-- ko if: $index() == (question.koVisibleRateValues().length-1) --><!-- /ko -->
</label>
<label data-bind="css: question.koGetCss($data)" class="btn apply-green-theme survey-theme">
<input type="radio" class="sv-visuallyhidden"
data-bind="attr: {name: question.name, id: question.name + $index(), value: $data.value, 'aria-required': question.isRequired, 'aria-label': $data.locText.text, 'aria-invalid': question.errors.length > 0, 'aria-describedby': question.errors.length > 0 ? question.id + '_errors' : null}, checkedValue: $data.value, checked: question.value, enable: !question.isReadOnly"
name="question 5" id="question 55" value="5" aria-label="">
<!-- ko if: $index() == 0 --><!-- /ko -->
<span data-bind="css: question.koCss().itemText" class="sv_q_rating_item_text">
<!-- ko template: { name: 'survey-string', data: $data.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">5</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</span>
<!-- ko if: $index() == (question.koVisibleRateValues().length-1) --><!-- /ko -->
</label>
<label data-bind="css: question.koGetCss($data)" class="btn apply-transparency-theme survey-theme btn-primary">
<input type="radio" class="sv-visuallyhidden"
data-bind="attr: {name: question.name, id: question.name + $index(), value: $data.value, 'aria-required': question.isRequired, 'aria-label': $data.locText.text, 'aria-invalid': question.errors.length > 0, 'aria-describedby': question.errors.length > 0 ? question.id + '_errors' : null}, checkedValue: $data.value, checked: question.value, enable: !question.isReadOnly"
name="question 5" id="question 56" value="[object Object]" aria-label="I'm living a fairy tale" disabled="">
<!-- ko if: $index() == 0 --><!-- /ko -->
<span data-bind="css: question.koCss().itemText" class="sv_q_rating_item_text">
<!-- ko template: { name: 'survey-string', data: $data.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">I'm living a fairy tale</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</span>
<!-- ko if: $index() == (question.koVisibleRateValues().length-1) -->
<span data-bind="css: question.koCss().maxText" class="sv_q_rating_max_text">
<!-- ko template: { name: 'survey-string', data: question.locMaxRateDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</span>
<!-- /ko -->
</label>
<!-- /ko -->
</div>
<div data-bind="visible: question.hasOther" style="display: none;">
<div data-bind="template: { name: 'survey-comment', data: {'question': question } }">
<!--ko if: !question.isReadOnlyRenderDiv() -->
<!--ko if: !question.isInputTextUpdate -->
<textarea type="text"
data-bind="disable: question.isReadOnly, value: $data.question.comment, visible: $data.visible, css: question.koCss().other, attr: {maxLength: question.getOthersMaxLength(), 'aria-label': !!question.locTitle && question.locTitle.renderedHtml, placeholder: question.otherPlaceHolder}"
aria-label="How useful is Centric to you? " style="display: none;"></textarea>
<!--/ko-->
<!--ko if: question.isInputTextUpdate --><!--/ko-->
<!--/ko-->
<!--ko if: question.isReadOnlyRenderDiv() --><!--/ko-->
</div>
</div><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<div data-bind="visible: question.hasDescriptionUnderInput, css: koCss().descriptionUnderInput" class="small" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div><!-- /ko --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko template: { name: "survey-row-content", afterRender: rowAfterRender } -->
<!-- ko if: row.isNeedRender -->
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div
data-bind="css: question.koRootCss(), style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, flexBasis: renderWidth, flexGrow: 1, flexShrink: 1, width: renderWidth, minWidth: $data.minWidth, maxWidth: $data.maxWidth}, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.hasTitle ? question.ariaTitleId : null }"
class="lp-survey-mainRoot" id="sq_105" name="question 6" aria-labelledby="sq_105_ariaTitle" style="flex: 1 1 100%; width: 100%; min-width: 300px; max-width: initial;">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<div data-bind="css: question.cssHeader, click: question.clickTitleFunction">
<h5 data-bind="css: cssTitle, attr: { 'aria-label': question.locTitle.renderedHtml, id: ariaTitleId }" aria-label="How is your experience with Centric going so far?" id="sq_105_ariaTitle">
<!-- ko template: { name: 'survey-question-title-content', data: question } -->
<!-- ko if: $data.isRequireTextOnStart --><!-- /ko -->
<!-- ko if: no -->
<span style="position: static;" data-bind="css: koCss().number, text: no" class="sv_q_num">5.</span>
<!-- /ko -->
<!-- ko if: $data.isRequireTextBeforeTitle --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">How is your experience with Centric going so far?</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
<!-- ko if: $data.isRequireTextAfterTitle --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: question.hasDescriptionUnderTitle, css: koCss().description" class="small">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- /ko -->
<!-- /ko -->
<div data-bind="css: question.cssContent" class="lp-group-question">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error' }, css: koErrorClass(), attr: { id: question.id + '_errors' }" class="alert alert-danger sv_qstn_error_top" id="sq_105_errors"
style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<div data-bind="css: question.koCss().tableWrapper">
<fieldset>
<legend data-bind="attr: { 'aria-label': question.locTitle.renderedHtml }" aria-label="How is your experience with Centric going so far?"></legend>
<table data-bind="css: question.koCss().root" class="table table-bordered table-striped">
<!-- ko if: question.showHeader -->
<thead>
<tr>
<td data-bind="visible: question.hasRows"></td>
<!-- ko foreach: question.koVisibleColumns -->
<th data-bind="css: question.koCss().headerCell">
<!-- ko template: { name: 'survey-string', data: locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">Not good / too difficult</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</th>
<th data-bind="css: question.koCss().headerCell">
<!-- ko template: { name: 'survey-string', data: locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">Could be better</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</th>
<th data-bind="css: question.koCss().headerCell">
<!-- ko template: { name: 'survey-string', data: locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">Almost there</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</th>
<th data-bind="css: question.koCss().headerCell">
<!-- ko template: { name: 'survey-string', data: locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">Really good</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</th>
<th data-bind="css: question.koCss().headerCell">
<!-- ko template: { name: 'survey-string', data: locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">You nailed it!</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</th>
<!-- /ko -->
</tr>
</thead>
<!-- /ko -->
<tbody>
<!-- ko foreach: { data: question.koVisibleRows, as: 'row' } -->
<tr data-bind="css: row.rowClasses">
<td data-bind="visible: question.hasRows, css: question.koCss().cell">
<!-- ko template: { name: 'survey-string', data: row.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">Look and feel</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</td>
<!-- ko foreach: question.koVisibleColumns -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Not good / too difficult">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_1" aria-label="How is your experience with Centric going so far?" value="Column 1" id="sq_105i_Row 1_0">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Not good / too difficult</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Could be better">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_1" aria-label="How is your experience with Centric going so far?" value="Column 2" id="sq_105i_Row 1_1">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Could be better</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Almost there">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_1" aria-label="How is your experience with Centric going so far?" value="Column 3" id="sq_105i_Row 1_2">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Almost there</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Really good">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_1" aria-label="How is your experience with Centric going so far?" value="Column 4" id="sq_105i_Row 1_3">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Really good</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="You nailed it!">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_1" aria-label="How is your experience with Centric going so far?" value="Column 5" id="sq_105i_Row 1_4">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">You nailed it!</span>
</label>
</td>
<!-- /ko -->
<!-- /ko -->
</tr>
<tr data-bind="css: row.rowClasses">
<td data-bind="visible: question.hasRows, css: question.koCss().cell">
<!-- ko template: { name: 'survey-string', data: row.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">User-friendly interface</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</td>
<!-- ko foreach: question.koVisibleColumns -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Not good / too difficult">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_2" aria-label="How is your experience with Centric going so far?" value="Column 1" id="sq_105i_Row 2_0">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Not good / too difficult</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Could be better">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_2" aria-label="How is your experience with Centric going so far?" value="Column 2" id="sq_105i_Row 2_1">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Could be better</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Almost there">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_2" aria-label="How is your experience with Centric going so far?" value="Column 3" id="sq_105i_Row 2_2">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Almost there</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Really good">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_2" aria-label="How is your experience with Centric going so far?" value="Column 4" id="sq_105i_Row 2_3">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Really good</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="You nailed it!">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_2" aria-label="How is your experience with Centric going so far?" value="Column 5" id="sq_105i_Row 2_4">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">You nailed it!</span>
</label>
</td>
<!-- /ko -->
<!-- /ko -->
</tr>
<tr data-bind="css: row.rowClasses">
<td data-bind="visible: question.hasRows, css: question.koCss().cell">
<!-- ko template: { name: 'survey-string', data: row.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">Login process</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</td>
<!-- ko foreach: question.koVisibleColumns -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Not good / too difficult">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_3" aria-label="How is your experience with Centric going so far?" value="Column 1" id="sq_105i_Row 3_0">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Not good / too difficult</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Could be better">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_3" aria-label="How is your experience with Centric going so far?" value="Column 2" id="sq_105i_Row 3_1">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Could be better</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Almost there">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_3" aria-label="How is your experience with Centric going so far?" value="Column 3" id="sq_105i_Row 3_2">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Almost there</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Really good">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_3" aria-label="How is your experience with Centric going so far?" value="Column 4" id="sq_105i_Row 3_3">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Really good</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="You nailed it!">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_3" aria-label="How is your experience with Centric going so far?" value="Column 5" id="sq_105i_Row 3_4">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">You nailed it!</span>
</label>
</td>
<!-- /ko -->
<!-- /ko -->
</tr>
<tr data-bind="css: row.rowClasses">
<td data-bind="visible: question.hasRows, css: question.koCss().cell">
<!-- ko template: { name: 'survey-string', data: row.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">App info in App Centre</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</td>
<!-- ko foreach: question.koVisibleColumns -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Not good / too difficult">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_4" aria-label="How is your experience with Centric going so far?" value="Column 1" id="sq_105i_Row 4_0">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Not good / too difficult</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Could be better">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_4" aria-label="How is your experience with Centric going so far?" value="Column 2" id="sq_105i_Row 4_1">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Could be better</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Almost there">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_4" aria-label="How is your experience with Centric going so far?" value="Column 3" id="sq_105i_Row 4_2">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Almost there</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Really good">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_4" aria-label="How is your experience with Centric going so far?" value="Column 4" id="sq_105i_Row 4_3">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Really good</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="You nailed it!">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_4" aria-label="How is your experience with Centric going so far?" value="Column 5" id="sq_105i_Row 4_4">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">You nailed it!</span>
</label>
</td>
<!-- /ko -->
<!-- /ko -->
</tr>
<tr data-bind="css: row.rowClasses">
<td data-bind="visible: question.hasRows, css: question.koCss().cell">
<!-- ko template: { name: 'survey-string', data: row.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">Enablement/set up</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</td>
<!-- ko foreach: question.koVisibleColumns -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Not good / too difficult">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_5" aria-label="How is your experience with Centric going so far?" value="Column 1" id="sq_105i_Row 5_0">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Not good / too difficult</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Could be better">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_5" aria-label="How is your experience with Centric going so far?" value="Column 2" id="sq_105i_Row 5_1">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Could be better</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Almost there">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_5" aria-label="How is your experience with Centric going so far?" value="Column 3" id="sq_105i_Row 5_2">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Almost there</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Really good">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_5" aria-label="How is your experience with Centric going so far?" value="Column 4" id="sq_105i_Row 5_3">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Really good</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="You nailed it!">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_5" aria-label="How is your experience with Centric going so far?" value="Column 5" id="sq_105i_Row 5_4">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">You nailed it!</span>
</label>
</td>
<!-- /ko -->
<!-- /ko -->
</tr>
<tr data-bind="css: row.rowClasses">
<td data-bind="visible: question.hasRows, css: question.koCss().cell">
<!-- ko template: { name: 'survey-string', data: row.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">Security</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</td>
<!-- ko foreach: question.koVisibleColumns -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Not good / too difficult">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_6" aria-label="How is your experience with Centric going so far?" value="Column 1" id="sq_105i_Row 6_0">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Not good / too difficult</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Could be better">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_6" aria-label="How is your experience with Centric going so far?" value="Column 2" id="sq_105i_Row 6_1">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Could be better</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Almost there">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_6" aria-label="How is your experience with Centric going so far?" value="Column 3" id="sq_105i_Row 6_2">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Almost there</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="Really good">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_6" aria-label="How is your experience with Centric going so far?" value="Column 4" id="sq_105i_Row 6_3">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">Really good</span>
</label>
</td>
<!-- /ko -->
<!-- ko if: question.hasCellText --><!-- /ko -->
<!-- ko if: !question.hasCellText -->
<td data-bind="attr: { headers: $data.locText.renderedHtml }, css: question.koCss().cell" headers="You nailed it!">
<label data-bind="css: question.getItemClass(row, $data)" class="lp-survey-radio undefined">
<input type="radio"
data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, value: '' + $data.value, id: question.inputId + '_' + row.name + '_' + $index() }, checked: row.value, enable: !question.isReadOnly"
name="sq_105_Row_6" aria-label="How is your experience with Centric going so far?" value="Column 5" id="sq_105i_Row 6_4">
<span data-bind="css: question.koCss().materialDecorator">
<svg data-bind="css:question.koCss().itemDecorator" viewBox="-12 -12 24 24" class="sv-hidden">
<circle r="6" cx="0" cy="0">
</circle>
</svg>
</span>
<span class="circle"></span>
<span class="check"></span>
<span style="display: none" data-bind="text: $data.locText.text">You nailed it!</span>
</label>
</td>
<!-- /ko -->
<!-- /ko -->
</tr>
<!-- /ko -->
</tbody>
</table>
</fieldset>
</div><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<div data-bind="visible: question.hasDescriptionUnderInput, css: koCss().descriptionUnderInput" class="small" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div><!-- /ko --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- ko template: { name: "survey-row-content", afterRender: rowAfterRender } -->
<!-- ko if: row.isNeedRender -->
<!-- ko foreach: { data: row.elements, as: 'question' , afterRender: row.koAfterRender } --><!-- ko if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div
data-bind="css: question.koRootCss(), style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, flexBasis: renderWidth, flexGrow: 1, flexShrink: 1, width: renderWidth, minWidth: $data.minWidth, maxWidth: $data.maxWidth}, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.hasTitle ? question.ariaTitleId : null }"
class="lp-survey-mainRoot" id="sq_106" name="question 7" role="group" aria-labelledby="sq_106_ariaTitle" style="flex: 1 1 100%; width: 100%; min-width: 300px; max-width: initial;">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<div data-bind="css: question.cssHeader, click: question.clickTitleFunction">
<h5 data-bind="css: cssTitle, attr: { 'aria-label': question.locTitle.renderedHtml, id: ariaTitleId }" aria-label="What do you love most about Centric? (multiple replies possible)" id="sq_106_ariaTitle">
<!-- ko template: { name: 'survey-question-title-content', data: question } -->
<!-- ko if: $data.isRequireTextOnStart --><!-- /ko -->
<!-- ko if: no -->
<span style="position: static;" data-bind="css: koCss().number, text: no" class="sv_q_num">6.</span>
<!-- /ko -->
<!-- ko if: $data.isRequireTextBeforeTitle --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">What do you love most about Centric? (multiple replies possible)</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
<!-- ko if: $data.isRequireTextAfterTitle --><!-- /ko -->
<!-- /ko -->
</h5>
<div data-bind="visible: question.hasDescriptionUnderTitle, css: koCss().description" class="small">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- /ko -->
<!-- /ko -->
<div data-bind="css: question.cssContent" class="lp-group-question">
<!-- ko if: question.errorLocation == 'top' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error' }, css: koErrorClass(), attr: { id: question.id + '_errors' }" class="alert alert-danger sv_qstn_error_top" id="sq_106_errors"
style="display: none;"></div>
<!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<fieldset data-bind="css: question.koCss().root" class="form-inline">
<legend data-bind="attr: { 'aria-label': question.locTitle.renderedHtml }" aria-label="What do you love most about Centric? (multiple replies possible)"></legend>
<!-- ko ifnot: question.hasColumns -->
<!-- ko foreach: { data: question.visibleChoices, as: 'item', afterRender: question.koAfterRender } --><!-- ko template: 'survey-checkbox-item' -->
<div data-bind="css: question.getItemClass(item)" class="lp-survey-checkbox sv-q-col-1">
<label data-bind="css: question.getLabelClass(item)">
<!-- ko if: item == question.selectAllItem --><!-- /ko -->
<!-- ko if: item != question.selectAllItem -->
<input type="checkbox"
data-bind="attr: {name: question.name, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, 'aria-invalid': question.errors.length > 0, 'aria-describedby': question.errors.length > 0 ? question.id + '_errors' : null }, checkedValue: item.value, checked: question.koValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="question 7" id="sq_106i_0" aria-label="Research" value="item1">
<!-- /ko -->
<span data-bind="css: question.koCss().materialDecorator" class="checkbox-material">
<svg viewBox="0 0 24 24" data-bind="css: question.koCss().itemDecorator" class="sv-hidden">
<path d="M5,13l2-2l3,3l7-7l2,2l-9,9L5,13z"></path>
</svg>
<span class="check"></span>
</span>
<span data-bind="visible: !item.hideCaption, css: question.koCss().controlLabel, attr: { title: item.locText.koRenderedHtml }" class="lp-survey-checkbox-label" title="Research">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">Research</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- ko template: 'survey-checkbox-item' -->
<div data-bind="css: question.getItemClass(item)" class="lp-survey-checkbox sv-q-col-1">
<label data-bind="css: question.getLabelClass(item)">
<!-- ko if: item == question.selectAllItem --><!-- /ko -->
<!-- ko if: item != question.selectAllItem -->
<input type="checkbox"
data-bind="attr: {name: question.name, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, 'aria-invalid': question.errors.length > 0, 'aria-describedby': question.errors.length > 0 ? question.id + '_errors' : null }, checkedValue: item.value, checked: question.koValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="question 7" id="sq_106i_1" aria-label="Transaction" value="item2">
<!-- /ko -->
<span data-bind="css: question.koCss().materialDecorator" class="checkbox-material">
<svg viewBox="0 0 24 24" data-bind="css: question.koCss().itemDecorator" class="sv-hidden">
<path d="M5,13l2-2l3,3l7-7l2,2l-9,9L5,13z"></path>
</svg>
<span class="check"></span>
</span>
<span data-bind="visible: !item.hideCaption, css: question.koCss().controlLabel, attr: { title: item.locText.koRenderedHtml }" class="lp-survey-checkbox-label" title="Transaction">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">Transaction</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- ko template: 'survey-checkbox-item' -->
<div data-bind="css: question.getItemClass(item)" class="lp-survey-checkbox sv-q-col-1">
<label data-bind="css: question.getLabelClass(item)">
<!-- ko if: item == question.selectAllItem --><!-- /ko -->
<!-- ko if: item != question.selectAllItem -->
<input type="checkbox"
data-bind="attr: {name: question.name, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, 'aria-invalid': question.errors.length > 0, 'aria-describedby': question.errors.length > 0 ? question.id + '_errors' : null }, checkedValue: item.value, checked: question.koValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="question 7" id="sq_106i_2" aria-label="Monitoring / Validation" value="item3">
<!-- /ko -->
<span data-bind="css: question.koCss().materialDecorator" class="checkbox-material">
<svg viewBox="0 0 24 24" data-bind="css: question.koCss().itemDecorator" class="sv-hidden">
<path d="M5,13l2-2l3,3l7-7l2,2l-9,9L5,13z"></path>
</svg>
<span class="check"></span>
</span>
<span data-bind="visible: !item.hideCaption, css: question.koCss().controlLabel, attr: { title: item.locText.koRenderedHtml }" class="lp-survey-checkbox-label" title="Monitoring / Validation">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">Monitoring / Validation</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- ko template: 'survey-checkbox-item' -->
<div data-bind="css: question.getItemClass(item)" class="lp-survey-checkbox sv-q-col-1">
<label data-bind="css: question.getLabelClass(item)">
<!-- ko if: item == question.selectAllItem --><!-- /ko -->
<!-- ko if: item != question.selectAllItem -->
<input type="checkbox"
data-bind="attr: {name: question.name, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, 'aria-invalid': question.errors.length > 0, 'aria-describedby': question.errors.length > 0 ? question.id + '_errors' : null }, checkedValue: item.value, checked: question.koValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="question 7" id="sq_106i_3" aria-label="Reporting" value="item4">
<!-- /ko -->
<span data-bind="css: question.koCss().materialDecorator" class="checkbox-material">
<svg viewBox="0 0 24 24" data-bind="css: question.koCss().itemDecorator" class="sv-hidden">
<path d="M5,13l2-2l3,3l7-7l2,2l-9,9L5,13z"></path>
</svg>
<span class="check"></span>
</span>
<span data-bind="visible: !item.hideCaption, css: question.koCss().controlLabel, attr: { title: item.locText.koRenderedHtml }" class="lp-survey-checkbox-label" title="Reporting">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">Reporting</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- ko template: 'survey-checkbox-item' -->
<div data-bind="css: question.getItemClass(item)" class="lp-survey-checkbox sv-q-col-1">
<label data-bind="css: question.getLabelClass(item)">
<!-- ko if: item == question.selectAllItem --><!-- /ko -->
<!-- ko if: item != question.selectAllItem -->
<input type="checkbox"
data-bind="attr: {name: question.name, id: question.inputId + '_' + question.getItemIndex(item), 'aria-required': question.isRequired, 'aria-label': item.locText.renderedHtml, 'aria-invalid': question.errors.length > 0, 'aria-describedby': question.errors.length > 0 ? question.id + '_errors' : null }, checkedValue: item.value, checked: question.koValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="question 7" id="sq_106i_4" aria-label="Support" value="item5">
<!-- /ko -->
<span data-bind="css: question.koCss().materialDecorator" class="checkbox-material">
<svg viewBox="0 0 24 24" data-bind="css: question.koCss().itemDecorator" class="sv-hidden">
<path d="M5,13l2-2l3,3l7-7l2,2l-9,9L5,13z"></path>
</svg>
<span class="check"></span>
</span>
<span data-bind="visible: !item.hideCaption, css: question.koCss().controlLabel, attr: { title: item.locText.koRenderedHtml }" class="lp-survey-checkbox-label" title="Support">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml">Support</span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</span>
</label>
<!-- ko if: question.hasOther && (item.value == question.otherItem.value) --><!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasColumns --><!-- /ko -->
</fieldset><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' --><!-- /ko -->
<div data-bind="visible: question.hasDescriptionUnderInput, css: koCss().descriptionUnderInput" class="small" style="display: none;">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko ifnot: koHasHtml -->
<span style="position: static;" data-bind="text: koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: koHasHtml --><!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div><!-- /ko --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- ko if: isCurrentPageEmpty() && $data.emptyPageTemplate --><!-- /ko -->
<!-- /ko -->
<!-- ko if: isShowProgressBarOnBottom --><!-- /ko -->
<!-- ko if: isTimerPanelShowingOnBottom --><!-- /ko -->
<!-- ko if: isNavigationButtonsShowing === 'bottom' || isNavigationButtonsShowing === 'both' --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: koState() == "completed" && showCompletedPage --><!-- /ko -->
<!-- ko if: koState() == "completedbefore" --><!-- /ko -->
<!-- ko if: koState() == "loading" --><!-- /ko -->
<!-- ko if: koState() == "empty" --><!-- /ko -->
</div>
</form>Text Content
BNP Paribas' Digital Banking Platform 2 MINUTES OF YOUR TIME, THAT’S ALL WE’RE ASKING FOR. PLEASE HELP US TO IMPROVE CENTRIC FOR YOU. 1. HOW WOULD YOU DESCRIBE YOUR RELATIONSHIP WITH CENTRIC? It's complicated Friend-zone Flirting In love For life 2. HOW OFTEN DO YOU USE CENTRIC? It's my daily cup of tea I check it weekly Monthly is enough A few times per year 3. HOW WOULD YOU DESCRIBE CENTRIC IN ONE WORD? GO AHEAD, WE CAN HANDLE IT! 4. HOW USEFUL IS CENTRIC TO YOU? Doesn’t really help me, sorry 1 2 3 4 5 I'm living a fairy tale 5. HOW IS YOUR EXPERIENCE WITH CENTRIC GOING SO FAR? Not good / too difficult Could be better Almost there Really good You nailed it! Look and feel Not good / too difficult Could be better Almost there Really good You nailed it! User-friendly interface Not good / too difficult Could be better Almost there Really good You nailed it! Login process Not good / too difficult Could be better Almost there Really good You nailed it! App info in App Centre Not good / too difficult Could be better Almost there Really good You nailed it! Enablement/set up Not good / too difficult Could be better Almost there Really good You nailed it! Security Not good / too difficult Could be better Almost there Really good You nailed it! 6. WHAT DO YOU LOVE MOST ABOUT CENTRIC? (MULTIPLE REPLIES POSSIBLE) Research Transaction Monitoring / Validation Reporting Support Next © 2021 BNP Paribas. All rights reserved.