assessment.predictiveindex.com
Open in
urlscan Pro
2620:1ec:bdf::70
Public Scan
Submitted URL: https://maillink.predictiveindex.com/ls/click?upn=VBx8A-2FR-2BccoGx0dD9MCnwH2gu2TYt1ArfKLsjhT1m9CYvv34bT0-2BRS7b9EwLHYYf3s7XFMQjOsJAQ...
Effective URL: https://assessment.predictiveindex.com/v1/eb1fd6b4-c6ac-46bd-beef-3db7aa7f07de/e0e98157-af52-45c6-9a80-0f072ab62190?type=emailba
Submission: On October 29 via manual from SG — Scanned from SG
Effective URL: https://assessment.predictiveindex.com/v1/eb1fd6b4-c6ac-46bd-beef-3db7aa7f07de/e0e98157-af52-45c6-9a80-0f072ab62190?type=emailba
Submission: On October 29 via manual from SG — Scanned from SG
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="sv_container">
<!-- ko template: { name: 'survey-header', afterRender: koAfterRenderHeader } -->
<!-- ko if: (locTitle.koRenderedHtml().length > 0) && showTitle || hasLogo --><!-- /ko -->
<!-- /ko -->
<!-- ko if: koState() == "starting" --><!-- /ko -->
<!-- ko if: koState() == "running" -->
<div data-bind="css: css.body" class="panel-body card-block mt-4">
<!-- ko if: isTimerPanelShowingOnTop --><!-- /ko -->
<!-- ko if: isShowProgressBarOnTop -->
<!-- ko template: { name: 'survey-progress'} -->
<div data-bind="css: css.progress" class="progress center-block mx-auto mb-4">
<div data-bind="css: css.progressBar, style:{width: koProgress() + '%'}" role="progressbar" aria-valuemin="0" aria-valuemax="100" class="progress-bar" style="width: 25%;">
<span data-bind="text:koProgressText, css: css.progressText + ' ' + css.progressTextInBar" class="undefined">Page 1 / 4</span>
</div>
<span data-bind="text:koProgressText, css: css.progressText + ' ' + css.progressTextUnderBar" class="undefined sv-hidden">Page 1 / 4</span>
</div>
<!-- /ko -->
<!-- /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">
<!-- 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 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.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_100" name="companyIntro" aria-labelledby="sq_100_ariaTitle" style="width: 100%;">
<!-- ko if: question.hasTitleOnLeftTop --><!-- /ko -->
<div data-bind="css: question.cssContent">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<div data-bind="html: question.locHtml.koRenderedHtml, css: question.koCss().root">
<div class="company-name-container">
<h1>The Predictive Index<sup>®</sup> Behavioral Assessment </h1>
</div>
</div><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /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 -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- 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.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_101" name="welcomeMessage" aria-labelledby="sq_101_ariaTitle" style="width: 100%;">
<!-- ko if: question.hasTitleOnLeftTop --><!-- /ko -->
<div data-bind="css: question.cssContent">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<div data-bind="html: question.locHtml.koRenderedHtml, css: question.koCss().root">
<h2>Welcome!</h2>
</div><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /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 -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- 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.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_102" name="languageTitle" aria-labelledby="sq_102_ariaTitle" style="width: 100%;">
<!-- ko if: question.hasTitleOnLeftTop --><!-- /ko -->
<div data-bind="css: question.cssContent">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<div data-bind="html: question.locHtml.koRenderedHtml, css: question.koCss().root">
<div class="languageTitle">Language</div>
</div><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /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 -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- 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.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_103" name="languageSelect" aria-labelledby="sq_103_ariaTitle" style="width: 100%;">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<div data-bind="css: question.cssHeader">
<h5 data-bind="css: cssTitle, attr: { 'aria-label': question.locTitle.renderedHtml, id: ariaTitleId }"
aria-label="Please select the language in which you prefer to complete the assessment. Your language selection is not reflected in your assessment results." id="sq_103_ariaTitle">
<!-- ko template: { name: 'survey-question-title-content', data: question } -->
<!-- ko if: question.isRequireTextOnStart --><!-- /ko -->
<!-- ko if: no --><!-- /ko -->
<!-- ko if: question.isRequireTextBeforeTitle --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml">Please select the language in which you prefer to complete the assessment. Your language selection is not reflected in your assessment results.</span>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: question.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">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!-- ko ifnot: question.isReadOnly -->
<div data-bind="css: question.koCss().selectWrapper" class="select">
<select data-bind="if: true, attr: {id: question.inputId, 'aria-label': question.locTitle.renderedHtml}, value: question.renderedValue, valueAllowUnset: true, css: question.koControlClass" id="sq_103i"
aria-label="Please select the language in which you prefer to complete the assessment. Your language selection is not reflected in your assessment results." class="form-control">
<!-- ko if: question.showOptionsCaption --><!-- /ko -->
<!-- ko foreach: question.visibleChoices -->
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="af-ZA">Afrikaans</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="sq-AL">Albanian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ar-XM">Arabic (International)</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="hy-AM">Armenian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="eu-ES">Basque</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="bg-BG">Bulgarian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ca-ES">Catalan</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="zh-CN">Chinese (Simplified)</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="zh-TW">Chinese (Traditional)</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="hr-HR">Croatian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="cs-CZ">Czech</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="da-DK">Danish</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="nl-NL">Dutch</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="en-US">English</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="et-EE">Estonian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="fa-IR">Farsi</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="fil-PH">Filipino</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="fi-FI">Finnish</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="fr-FR">French</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ka-GE">Georgian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="de-DE">German</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="el-GR">Greek</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="kl-GL">Greenlandic</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="gu-IN">Guajarati</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ht-HT">Haitian Creole</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="he-IL">Hebrew</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="hi-IN">Hindi</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="hu-HU">Hungarian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="is-IS">Icelandic</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ilo-PH">Ilocano</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="id-ID">Indonesian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="it-IT">Italian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ja-JP">Japanese</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="kk-KZ">Kazakh</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="km-KH">Khmer</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ko-KR">Korean</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="lo-LA">Lao</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="lv-LV">Latvian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="lt-LT">Lithuanian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="mk-MK">Macedonian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ms-MY">Malay</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ml-IN">Malayalam</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="nb-NO">Norwegian (Bokmål)</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="pap-AW">Papiamentu</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="pl-PL">Polish</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="pt-PT">Portuguese</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="pt-BR">Portuguese (Brazil)</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="pa-IN">Punjabi</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ro-RO">Romanian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ru-RU">Russian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="sm-WS">Samoan</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="sr-Cyrl-CS">Serbian (Latin)</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="st-LS">Sesotho</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="si-LK">Sinhalese</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="sk-SK">Slovak</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="sl-SI">Slovenian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="es-XL">Spanish (Latin America)</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="es-ES">Spanish (Modern Sort)</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="sw-KE">Swahili</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="sv-SE">Swedish</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="ta-IN">Tamil</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="th-TH">Thai</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="to-TO">Tongan</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="tr-TR">Turkish</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="uk-UA">Ukrainian</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="vi-VN">Vietnamese</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="xh-ZA">Xhosa</option>
<option data-bind="value: $data.value, text: $data.text, attr: { disabled: !$data.isEnabled }" value="zu-ZA">Zulu</option>
<!-- /ko -->
</select>
</div>
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
<!-- ko if: question.hasOther --><!-- /ko --><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /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 -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- 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.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_104" name="toContinue" aria-labelledby="sq_104_ariaTitle" style="width: 100%;">
<!-- ko if: question.hasTitleOnLeftTop --><!-- /ko -->
<div data-bind="css: question.cssContent">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<div data-bind="html: question.locHtml.koRenderedHtml, css: question.koCss().root">
<div class="surveyInstructionsCalloutInfo">To continue, complete the required fields (*) as indicated.</div>
</div><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /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 -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- 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.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_105" name="firstNameInput" aria-labelledby="sq_105_ariaTitle" style="padding-right: 20px; width: 33.3333%;">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<div data-bind="css: question.cssHeader">
<h5 data-bind="css: cssTitle, attr: { 'aria-label': question.locTitle.renderedHtml, id: ariaTitleId }" aria-label="First name" id="sq_105_ariaTitle">
<!-- ko template: { name: 'survey-question-title-content', data: question } -->
<!-- ko if: question.isRequireTextOnStart --><!-- /ko -->
<!-- ko if: no --><!-- /ko -->
<!-- ko if: question.isRequireTextBeforeTitle --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml">First name</span>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: question.isRequireTextAfterTitle -->
<span data-bind="css: koCss().requiredText, text: question.requiredText" class="sv_q_required_text">*</span>
<!-- /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">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!--ko if: !question.isInputTextUpdate -->
<input
data-bind="disable: question.isReadOnly, attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' || question.isReadOnly ? undefined : question.placeHolder, maxLength: question.getMaxLength(), min: question.min, max: question.max, step: question.step, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml}, value: question.value, css: question.koCss().root + (question.errors.length > 0 ? ' ' + question.koCss().onError: '')"
disabled="" type="text" size="25" id="sq_105i" aria-required="true" aria-label="First name" class="form-control">
<!--/ko-->
<!--ko if: question.isInputTextUpdate --><!--/ko--><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /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 if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div
data-bind="css: question.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_106" name="middleNameInput" aria-labelledby="sq_106_ariaTitle" style="padding-right: 20px; width: 33.3333%;">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<div data-bind="css: question.cssHeader">
<h5 data-bind="css: cssTitle, attr: { 'aria-label': question.locTitle.renderedHtml, id: ariaTitleId }" aria-label="Middle name" id="sq_106_ariaTitle">
<!-- ko template: { name: 'survey-question-title-content', data: question } -->
<!-- ko if: question.isRequireTextOnStart --><!-- /ko -->
<!-- ko if: no --><!-- /ko -->
<!-- ko if: question.isRequireTextBeforeTitle --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml">Middle name</span>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: question.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">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!--ko if: !question.isInputTextUpdate -->
<input
data-bind="disable: question.isReadOnly, attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' || question.isReadOnly ? undefined : question.placeHolder, maxLength: question.getMaxLength(), min: question.min, max: question.max, step: question.step, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml}, value: question.value, css: question.koCss().root + (question.errors.length > 0 ? ' ' + question.koCss().onError: '')"
disabled="" type="text" size="25" id="sq_106i" aria-label="Middle name" class="form-control">
<!--/ko-->
<!--ko if: question.isInputTextUpdate --><!--/ko--><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /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 if: question.isVisible --><!-- ko template: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } -->
<div
data-bind="css: question.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_107" name="lastNameInput" aria-labelledby="sq_107_ariaTitle" style="width: 33.3333%;">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<div data-bind="css: question.cssHeader">
<h5 data-bind="css: cssTitle, attr: { 'aria-label': question.locTitle.renderedHtml, id: ariaTitleId }" aria-label="Last name" id="sq_107_ariaTitle">
<!-- ko template: { name: 'survey-question-title-content', data: question } -->
<!-- ko if: question.isRequireTextOnStart --><!-- /ko -->
<!-- ko if: no --><!-- /ko -->
<!-- ko if: question.isRequireTextBeforeTitle --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml">Last name</span>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: question.isRequireTextAfterTitle -->
<span data-bind="css: koCss().requiredText, text: question.requiredText" class="sv_q_required_text">*</span>
<!-- /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">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!--ko if: !question.isInputTextUpdate -->
<input
data-bind="disable: question.isReadOnly, attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' || question.isReadOnly ? undefined : question.placeHolder, maxLength: question.getMaxLength(), min: question.min, max: question.max, step: question.step, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml}, value: question.value, css: question.koCss().root + (question.errors.length > 0 ? ' ' + question.koCss().onError: '')"
disabled="" type="text" size="25" id="sq_107i" aria-required="true" aria-label="Last name" class="form-control">
<!--/ko-->
<!--ko if: question.isInputTextUpdate --><!--/ko--><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /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 -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- 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.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_108" name="emailInput" aria-labelledby="sq_108_ariaTitle" style="width: 66.67%;">
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<div data-bind="css: question.cssHeader">
<h5 data-bind="css: cssTitle, attr: { 'aria-label': question.locTitle.renderedHtml, id: ariaTitleId }" aria-label="Email" id="sq_108_ariaTitle">
<!-- ko template: { name: 'survey-question-title-content', data: question } -->
<!-- ko if: question.isRequireTextOnStart --><!-- /ko -->
<!-- ko if: no --><!-- /ko -->
<!-- ko if: question.isRequireTextBeforeTitle --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: locTitle } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml">Email</span>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: question.isRequireTextAfterTitle -->
<span data-bind="css: koCss().requiredText, text: question.requiredText" class="sv_q_required_text">*</span>
<!-- /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">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!--ko if: !question.isInputTextUpdate -->
<input
data-bind="disable: question.isReadOnly, attr: {type: question.inputType, size: question.size, id: question.inputId, placeholder: question.inputType === 'range' || question.isReadOnly ? undefined : question.placeHolder, maxLength: question.getMaxLength(), min: question.min, max: question.max, step: question.step, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml}, value: question.value, css: question.koCss().root + (question.errors.length > 0 ? ' ' + question.koCss().onError: '')"
disabled="" type="text" size="25" id="sq_108i" aria-required="true" aria-label="Email" class="form-control">
<!--/ko-->
<!--ko if: question.isInputTextUpdate --><!--/ko--><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /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 -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- 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.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_109" name="hasBsid" role="group" aria-labelledby="sq_109_ariaTitle" style="width: 100%;">
<!-- ko if: question.hasTitleOnLeftTop --><!-- /ko -->
<div data-bind="css: question.cssContent">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<fieldset data-bind="css: question.koCss().root" class="sv_qcbc sv_qcbx form-inline">
<legend data-bind="attr: { 'aria-label': question.locTitle.renderedHtml }" aria-label="hasBsid"></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="checkbox sv-q-col-1 undefined">
<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 }, checkedValue: item.value, checked: question.koValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="hasBsid" id="sq_109i_0" aria-label="I have already taken the PI Behavioral Assessment and would like to enter my Behavioral Score ID." value="bsidExists">
<!-- /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 }"
title="I have already taken the PI Behavioral Assessment and would like to enter my Behavioral Score ID.">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml">I have already taken the PI Behavioral Assessment and would like to enter my Behavioral Score ID.</span>
<!-- /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 template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /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 -->
</div>
<!-- /ko -->
<!-- ko if: row.visible --><!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- 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.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_111" name="consentText" aria-labelledby="sq_111_ariaTitle" style="width: 100%;">
<!-- ko if: question.hasTitleOnLeftTop --><!-- /ko -->
<div data-bind="css: question.cssContent">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<div data-bind="html: question.locHtml.koRenderedHtml, css: question.koCss().root">
<div style="font-style:italic">I agree to the processing of my data through this test for the assessment of my application, drives and needs in relation with the job or my career within Richemont International SA, according to the
Privacy Policy</div>
</div><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.errorLocation == 'bottom' -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /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 -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- 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.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_112" name="acceptConsent" role="group" aria-labelledby="sq_112_ariaTitle" style="width: 100%;">
<!-- ko if: question.hasTitleOnLeftTop --><!-- /ko -->
<div data-bind="css: question.cssContent">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<fieldset data-bind="css: question.koCss().root" class="sv_qcbc sv_qcbx form-inline consent-checkbox">
<legend data-bind="attr: { 'aria-label': question.locTitle.renderedHtml }" aria-label="acceptConsent"></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="checkbox sv-q-col-1 undefined">
<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 }, checkedValue: item.value, checked: question.koValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="acceptConsent" id="sq_112i_0" aria-required="true" aria-label="I Agree" value="consentAccepted">
<!-- /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 }" title="I Agree">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml">I Agree</span>
<!-- /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 template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /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 -->
</div>
<!-- /ko -->
<!-- ko if: row.visible -->
<div data-bind="css: panel.cssClasses.row" class="sv_row">
<!-- 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.cssRoot, style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight, width: question.renderWidth }, attr: { id: question.id, name: question.name, role: question.ariaRole, 'aria-labelledby': question.ariaTitleId }"
class="sv_qstn" id="sq_113" name="orqOptIn" role="group" aria-labelledby="sq_113_ariaTitle" style="width: 100%;">
<!-- ko if: question.hasTitleOnLeftTop --><!-- /ko -->
<div data-bind="css: question.cssContent">
<!-- ko if: question.errorLocation == 'top' --><!-- /ko -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<fieldset data-bind="css: question.koCss().root" class="sv_qcbc sv_qcbx form-inline">
<legend data-bind="attr: { 'aria-label': question.locTitle.renderedHtml }" aria-label="orqOptIn"></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="checkbox sv-q-col-1 undefined">
<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 }, checkedValue: item.value, checked: question.koValue, enable: !question.isReadOnly && item.isEnabled, css: question.koCss().itemControl"
name="orqOptIn" id="sq_113i_0" aria-label="I would like to participate in PI research by answering a few optional questions." value="orqOptInEnabled">
<!-- /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 }" title="I would like to participate in PI research by answering a few optional questions.">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko ifnot: koHasHtml --><!-- /ko -->
<!-- ko if: koHasHtml -->
<span style="position: static;" data-bind="html: koRenderedHtml">I would like to participate in PI research by answering a few optional questions.<span
class="orqTooltip"><i class="clickable fa fa-info-circle v-align-middle"></i><span class="orqTooltipText">
<p style="text-align: center;"><span>PI Optional Research Questions</span></p>
<p><span>The Predictive Index invites you to participate in a short, confidential, and voluntary survey. You will be asked demographic questions and/or research questions to help us deliver up-to-date science for people
around the world.</span></p>
<p><span><br></span><span>Please note that your voluntary responses:</span></p>
<ul>
<li>
<p><span>Will not affect your assessment results in any way.</span></p>
</li>
<li>
<p><span>Are used by The Predictive Index solely for research purposes.</span></p>
</li>
<li>
<p><span>Are confidential and will not be disclosed to any third party, including any potential or current employers.</span></p>
</li>
</ul>
</span></span></span>
<!-- /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 template: { name: 'survey-question-errors', data: question } -->
<div role="alert" data-bind="visible: errors.length > 0, foreach: { data: errors, as: 'error'}, css: koErrorClass()" class="alert alert-danger sv_qstn_error_bottom" style="display: none;"></div>
<!-- /ko -->
<!-- /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 -->
</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 template: { name: 'survey-navigation'} -->
<div data-bind="css: css.footer" class="panel-footer card-footer">
<input type="button" data-bind="value: pagePrevText, click: prevPage, visible: !koIsFirstPage() && isShowPrevButton, css: cssNavigationPrev" value="Back" class="btn sv_prev_btn" style="display: none;">
<input type="button" data-bind="value: pageNextText, click: nextPageUIClick, event: { mousedown: nextPageMouseDown }, visible: !koIsLastPage(), css: cssNavigationNext" value="Continue" class="btn sv_next_btn appear-disabled">
<input type="button" data-bind="value: completeText, click: completeLastPage, visible: koIsLastPage() && isEditMode, css: cssNavigationComplete" value="Submit" class="btn sv_complete_btn appear-disabled" style="display: none;">
</div>
<!-- /ko -->
<!-- /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
You must enable JavaScript in order to take this assessment. UH-OH. SOMETHING WENT WRONG It appears we're having some trouble submitting this assessment. Please try the following: * Use a different browser * Connect to a different internet network * If using a VPN, connect using a different geographical location * Turn off VPN connection * If using an 'Incognito' browser window, use a regular browser * Disable any ad or script blocking browser add-ons Page 1 / 4 Page 1 / 4 THE PREDICTIVE INDEX® BEHAVIORAL ASSESSMENT WELCOME! Language PLEASE SELECT THE LANGUAGE IN WHICH YOU PREFER TO COMPLETE THE ASSESSMENT. YOUR LANGUAGE SELECTION IS NOT REFLECTED IN YOUR ASSESSMENT RESULTS. Afrikaans Albanian Arabic (International) Armenian Basque Bulgarian Catalan Chinese (Simplified) Chinese (Traditional) Croatian Czech Danish Dutch English Estonian Farsi Filipino Finnish French Georgian German Greek Greenlandic Guajarati Haitian Creole Hebrew Hindi Hungarian Icelandic Ilocano Indonesian Italian Japanese Kazakh Khmer Korean Lao Latvian Lithuanian Macedonian Malay Malayalam Norwegian (Bokmål) Papiamentu Polish Portuguese Portuguese (Brazil) Punjabi Romanian Russian Samoan Serbian (Latin) Sesotho Sinhalese Slovak Slovenian Spanish (Latin America) Spanish (Modern Sort) Swahili Swedish Tamil Thai Tongan Turkish Ukrainian Vietnamese Xhosa Zulu To continue, complete the required fields (*) as indicated. FIRST NAME * MIDDLE NAME LAST NAME * EMAIL * I have already taken the PI Behavioral Assessment and would like to enter my Behavioral Score ID. I agree to the processing of my data through this test for the assessment of my application, drives and needs in relation with the job or my career within Richemont International SA, according to the Privacy Policy I Agree I would like to participate in PI research by answering a few optional questions. PI Optional Research Questions The Predictive Index invites you to participate in a short, confidential, and voluntary survey. You will be asked demographic questions and/or research questions to help us deliver up-to-date science for people around the world. Please note that your voluntary responses: * Will not affect your assessment results in any way. * Are used by The Predictive Index solely for research purposes. * Are confidential and will not be disclosed to any third party, including any potential or current employers. © Predictive Index, LLC 1955 - 2023. Your privacy is important to us. Privacy Policy.