gyde365-qualify-altronkarabina-crm.azurewebsites.net
Open in
urlscan Pro
51.104.28.64
Public Scan
URL:
https://gyde365-qualify-altronkarabina-crm.azurewebsites.net/
Submission: On February 09 via api from US — Scanned from US
Submission: On February 09 via api from US — Scanned from US
Form analysis 1 forms found in the DOM
<form onsubmit="return false;">
<div class="sv_custom_header" data-bind="visible: !hasLogo" style="display: none;"></div>
<div data-bind="css: containerCss" class="sd-container-modern">
<!-- ko template: { name: koTitleTemplate, afterRender: koAfterRenderHeader } -->
<!-- ko if: renderedHasHeader -->
<div data-bind="css: css.header" class="sd-title sd-container-modern__title">
<!-- ko if: isLogoBefore --><!-- /ko -->
<!-- ko if: renderedHasTitle -->
<div data-bind="css: css.headerText, style: { maxWidth: titleMaxWidth }" class="sd-header__text" style="max-width: calc(100% - 2em - 305px);">
<!-- ko component: { name: 'survey-element-title', params: {element: $data } } --><!-- ko if: element.hasTitle -->
<h3 data-bind="css: element.cssTitle, attr: { 'aria-label': element.titleAriaLabel, id: element.ariaTitleId, tabindex: element.titleTabIndex, 'aria-expanded': element.titleAriaExpanded, role:'columnheader' }" class="sd-title"
aria-label="Get a quick quote for CRM" role="columnheader"><!-- ko component: { name: 'sv-title-actions', params: {element: element } } --><!-- ko ifnot: element.hasTitleActions -->
<!-- ko component: { name: 'survey-element-title-content', params: {element: element } } --><!-- ko if: element.isTitleRenderedAsString -->
<!-- ko template: { name: 'survey-string', data: element.locTitle } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml">Get a quick quote for CRM</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: element.isTitleRenderedAsString --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasTitleActions --><!-- /ko --><!-- /ko -->
</h3><!-- /ko --><!-- /ko -->
<!-- ko if: renderedHasDescription -->
<h5 data-bind="css: css.description" class="sd-description">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml">GYDE365 CRM BUDGETING TOOL</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
</h5>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: isLogoAfter -->
<!-- ko component: { name: getElementWrapperComponentName($data, 'logo-image'), params: getElementWrapperComponentData($data, 'logo-image') } --><!-- ko with: survey -->
<div data-bind="css: logoClassNames" class="sd-logo sv-logo--right">
<img data-bind="css: css.logoImage, attr: { src: locLogo.koRenderedHtml, width: logoWidth ? logoWidth : undefined, height: logoHeight ? logoHeight : undefined, alt: locTitle.renderedHtml }, style: { objectFit: logoFit }"
class="sd-logo__image" src="https://api.surveyjs.io/private/Surveys/files?name=23e3ace5-b1c8-40e7-b5f1-0a4df0f50489" width="300px" height="200px" alt="Get a quick quote for CRM" style="object-fit: contain;">
</div>
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<div data-bind="css: css.headerClose" class="sd-hidden"></div>
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: isShowingPage -->
<!-- ko if: isTimerPanelShowingOnTop && !isShowStartingPage --><!-- /ko -->
<!-- ko if: isShowProgressBarOnTop && !isShowStartingPage -->
<!-- ko component: { name: 'sv-progress-' + progressBarType, params: { model: $data } } -->
<div data-bind="css: survey.css.progressButtonsContainerCenter" class="sd-progress-buttons__container-center">
<div data-bind="css: survey.css.progressButtonsContainer" class="sd-progress-buttons__container">
<div data-bind="css: getScrollButtonCss(true), click: clickScrollButton.bind($data, $element.nextElementSibling, true)" role="button" class="sd-progress-buttons__image-button-left sd-progress-buttons__image-button--hidden"></div>
<div data-bind="css: survey.css.progressButtonsListContainer" class="sd-progress-buttons__list-container">
<ul data-bind="foreach: survey.visiblePages, css: survey.css.progressButtonsList" class="sd-progress-buttons__list">
<li data-bind="css: $parent.getListElementCss($index), click: $parent.isListElementClickable($index) ? $parent.clickListElement.bind($parent, $index) : null" class="sd-progress-buttons__list-element--current">
<div data-bind="css: css.progressButtonsPageTitle, text: locNavigationTitle.koRenderedHtml() || name, attr: { title: locNavigationTitle.koRenderedHtml() || name }" class="sd-progress-buttons__page-title" title="Your Business">Your
Business</div>
<div data-bind="css: css.progressButtonsPageDescription, text: locNavigationDescription.koRenderedHtml(), attr: { title: locNavigationDescription.koRenderedHtml() }" class="sd-progress-buttons__page-description" title=""></div>
</li>
<li data-bind="css: $parent.getListElementCss($index), click: $parent.isListElementClickable($index) ? $parent.clickListElement.bind($parent, $index) : null">
<div data-bind="css: css.progressButtonsPageTitle, text: locNavigationTitle.koRenderedHtml() || name, attr: { title: locNavigationTitle.koRenderedHtml() || name }" class="sd-progress-buttons__page-title" title="Marketing">Marketing
</div>
<div data-bind="css: css.progressButtonsPageDescription, text: locNavigationDescription.koRenderedHtml(), attr: { title: locNavigationDescription.koRenderedHtml() }" class="sd-progress-buttons__page-description" title=""></div>
</li>
<li data-bind="css: $parent.getListElementCss($index), click: $parent.isListElementClickable($index) ? $parent.clickListElement.bind($parent, $index) : null">
<div data-bind="css: css.progressButtonsPageTitle, text: locNavigationTitle.koRenderedHtml() || name, attr: { title: locNavigationTitle.koRenderedHtml() || name }" class="sd-progress-buttons__page-title" title="Sales">Sales</div>
<div data-bind="css: css.progressButtonsPageDescription, text: locNavigationDescription.koRenderedHtml(), attr: { title: locNavigationDescription.koRenderedHtml() }" class="sd-progress-buttons__page-description" title=""></div>
</li>
<li data-bind="css: $parent.getListElementCss($index), click: $parent.isListElementClickable($index) ? $parent.clickListElement.bind($parent, $index) : null">
<div data-bind="css: css.progressButtonsPageTitle, text: locNavigationTitle.koRenderedHtml() || name, attr: { title: locNavigationTitle.koRenderedHtml() || name }" class="sd-progress-buttons__page-title" title="Customer Service">
Customer Service</div>
<div data-bind="css: css.progressButtonsPageDescription, text: locNavigationDescription.koRenderedHtml(), attr: { title: locNavigationDescription.koRenderedHtml() }" class="sd-progress-buttons__page-description" title=""></div>
</li>
<li data-bind="css: $parent.getListElementCss($index), click: $parent.isListElementClickable($index) ? $parent.clickListElement.bind($parent, $index) : null">
<div data-bind="css: css.progressButtonsPageTitle, text: locNavigationTitle.koRenderedHtml() || name, attr: { title: locNavigationTitle.koRenderedHtml() || name }" class="sd-progress-buttons__page-title" title="Field Service">Field
Service</div>
<div data-bind="css: css.progressButtonsPageDescription, text: locNavigationDescription.koRenderedHtml(), attr: { title: locNavigationDescription.koRenderedHtml() }" class="sd-progress-buttons__page-description" title=""></div>
</li>
<li data-bind="css: $parent.getListElementCss($index), click: $parent.isListElementClickable($index) ? $parent.clickListElement.bind($parent, $index) : null">
<div data-bind="css: css.progressButtonsPageTitle, text: locNavigationTitle.koRenderedHtml() || name, attr: { title: locNavigationTitle.koRenderedHtml() || name }" class="sd-progress-buttons__page-title" title="Contact Information">
Contact Information</div>
<div data-bind="css: css.progressButtonsPageDescription, text: locNavigationDescription.koRenderedHtml(), attr: { title: locNavigationDescription.koRenderedHtml() }" class="sd-progress-buttons__page-description" title=""></div>
</li>
</ul>
</div>
<div data-bind="css: getScrollButtonCss(false), click: clickScrollButton.bind($data, $element.previousElementSibling, false)" role="button" class="sd-progress-buttons__image-button-right sd-progress-buttons__image-button--hidden"></div>
</div>
</div><!-- /ko -->
<!-- /ko -->
<div data-bind="css: bodyCss, style:{maxWidth: renderedWidth}" class="sd-body sd-body--static">
<!-- ko if: isNavigationButtonsShowingOnTop --><!-- /ko -->
<!-- ko if: activePage -->
<div data-bind="attr: { id: activePage.id }, template: { name: 'survey-page', data: activePage, afterRender: koAfterRenderPage }" id="sp_100">
<div data-bind="css: cssRoot" class="sd-page sd-body__page">
<!-- ko component: { name: 'survey-element-title', params: {element: $data } } --><!-- ko if: element.hasTitle -->
<h4 data-bind="css: element.cssTitle, attr: { 'aria-label': element.titleAriaLabel, id: element.ariaTitleId, tabindex: element.titleTabIndex, 'aria-expanded': element.titleAriaExpanded, role:'columnheader' }" class="sd-title sd-page__title"
aria-label="About Your Business" role="columnheader"><!-- ko component: { name: 'sv-title-actions', params: {element: element } } --><!-- ko ifnot: element.hasTitleActions -->
<!-- ko component: { name: 'survey-element-title-content', params: {element: element } } --><!-- ko if: element.isTitleRenderedAsString -->
<!-- ko template: { name: 'survey-string', data: element.locTitle } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml">About Your Business</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: element.isTitleRenderedAsString --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasTitleActions --><!-- /ko --><!-- /ko -->
</h4><!-- /ko --><!-- /ko -->
<!-- ko if: _showDescription-->
<div data-bind="visible: data.showPageTitles, css: cssClasses.page.description" class="sd-description sd-page__description">
<!-- ko template: { name: 'survey-string', data: locDescription } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml">Tell us a bit of background on your business</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko template: { name: 'survey-rows', data: $data} -->
<!-- ko foreach: { data: rows, as: 'row'} -->
<!-- ko if: row.visible -->
<!-- ko component: { name: $parent.survey.getRowWrapperComponentName(row), params: { componentData: $parent.survey.getRowWrapperComponentData(row), templateData: { name: 'survey-row', data: row } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div data-bind="css: row.getRowCss()" class="sd-row sd-clearfix sd-page__row">
<!-- ko template: { name: "survey-row-content", afterRender: row.rowAfterRender } -->
<!-- ko foreach: { data: row.visibleElements, as: 'question', afterRender: row.koAfterRender } -->
<div data-bind="css: question.koCss().questionWrapper, style: $data.rootStyle, event: {focusin: question.focusIn }" style="flex: 1 1 100%; min-width: 300px; max-width: 100%;">
<!-- ko if: row.isNeedRender -->
<!-- ko component: { name: row.panel.survey.getElementWrapperComponentName(question), params: { componentData: row.panel.survey.getElementWrapperComponentData(question), templateData: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div
data-bind="css: question.koRootCss(), style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight }, attr: { id: question.id, 'data-name': question.name, role: question.ariaRole, 'aria-required': question.ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-labelledby': question.ariaLabelledBy}"
class="sd-element sd-question sd-row__question sd-row__question--small sd-element--with-frame" id="sq_100" data-name="Industry" role="combobox" aria-required="true" aria-invalid="false" aria-labelledby="sq_100_ariaTitle">
<!-- ko if: question.showErrorsAboveQuestion -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<!-- ko if: hasVisibleErrors --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<div data-bind="css: question.cssHeader, click: question.clickTitleFunction" class="sd-question__header sd-element__header sd-question__header--location-top sd-element__header--location-top">
<!-- ko component: { name: 'survey-element-title', params: { element: $data } } --><!-- ko if: element.hasTitle -->
<h5 data-bind="css: element.cssTitle, attr: { 'aria-label': element.titleAriaLabel, id: element.ariaTitleId, tabindex: element.titleTabIndex, 'aria-expanded': element.titleAriaExpanded, role:'columnheader' }"
class="sd-title sd-element__title sd-question__title sd-question__title--required" aria-label="What industry are you in?" id="sq_100_ariaTitle" role="columnheader">
<!-- ko component: { name: 'sv-title-actions', params: {element: element } } --><!-- ko ifnot: element.hasTitleActions -->
<!-- ko component: { name: 'survey-element-title-content', params: {element: element } } --><!-- ko if: element.isTitleRenderedAsString --><!-- /ko -->
<!-- ko ifnot: element.isTitleRenderedAsString -->
<!-- ko if: element.isRequireTextOnStart --><!-- /ko -->
<!-- ko if: element.no -->
<span style="position: static;" data-bind="css: element.koCss().number, text: element.no, attr: { 'aria-hidden': true }" class="sd-element__num" aria-hidden="true">1.</span>
<span> </span>
<!-- /ko -->
<!-- ko if: element.isRequireTextBeforeTitle --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: element.locTitle } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml">What industry are you in?</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.isRequireTextAfterTitle -->
<span> </span>
<span data-bind="css: element.koCss().requiredText || (element.koCss().panel && element.koCss().panel.requiredText), text: element.requiredText, attr: { 'aria-hidden': true }" class="sd-question__required-text"
aria-hidden="true">*</span>
<!-- /ko -->
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasTitleActions --><!-- /ko --><!-- /ko -->
</h5><!-- /ko --><!-- /ko -->
<!-- ko v-if: $data.hasDescriptionUnderTitle -->
<div data-bind="visible: question.hasDescriptionUnderTitle, css: $data.cssDescription" class="sd-description sd-question__description">
<!-- ko template: { name: 'survey-string', data: $data.locDescription } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko component: { name: question.survey.getQuestionContentWrapperComponentName(question), params: { componentData: question.survey.getElementWrapperComponentData(question), templateData: { name: 'survey-question-content', data: question } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div data-bind="visible: !question.isCollapsed, css: question.cssContent" role="presentation" class="sd-question__content">
<!-- ko if: question.showErrorOnTop --><!-- /ko -->
<!-- ko if: question.isDefaultRendering() -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<div data-bind="css: question.renderCssRoot" class="sd-selectbase">
<!-- ko component: { name: 'sv-dropdown', params: { question: question } } -->
<div data-bind="css: question.koCss().selectWrapper">
<!-- ko ifnot: question.isReadOnly -->
<div data-bind="css: question.getControlClass(),
click: click,
event: { keydown: keyhandler, blur: blur },
attr: {
id: question.inputId,
required: question.isRequired,
tabindex: model.inputReadOnly ? undefined : 0,
disabled: question.isInputReadOnly,
role: question.ariaRole,
'aria-required': question.ariaRequired,
'aria-label': question.ariaLabel,
'aria-invalid': question.ariaInvalid,
'aria-describedby': question.ariaDescribedBy
}," class="sd-input sd-dropdown sd-dropdown--empty" id="sq_100i" required="true" role="combobox" aria-required="true" aria-label="What industry are you in?" aria-invalid="false">
<div data-bind="css: question.koCss().controlValue" class="sd-dropdown__value">
<!-- ko if: question.showInputFieldComponent --><!-- /ko -->
<!-- ko if: question.showSelectedItemLocText --><!-- /ko -->
<input type="text" autocomplete="off" data-bind="
textInput: model.filterString,
css: question.cssClasses.filterStringInput,
attr: {
'aria-label': question.placeholder,
placeholder: question.readOnlyText,
readonly: !model.searchEnabled,
role: model.filterStringEnabled ? question.ariaRole : undefined,
tabindex: model.inputReadOnly ? undefined : -1,
disabled: question.isInputReadOnly,
id: question.getInputId()
},
event: { blur: blur }" class="sd-dropdown__filter-string-input" aria-label="Select..." placeholder="Select..." role="combobox" id="sq_100i_0">
</div>
<!-- ko if: (question.allowClear && question.cssClasses.cleanButtonIconId) -->
<div data-bind="css: question.koCss().cleanButton, click: clear, visible: !question.isEmpty() " class="sd-dropdown_clean-button" style="display: none;">
<!-- ko component: { name: 'sv-svg-icon', params: { css: question.cssClasses.cleanButtonSvg, iconName: question.cssClasses.cleanButtonIconId, size: 'auto', title: question.clearCaption } } --><!-- ko if: hasIcon -->
<svg class="sv-svg-icon sd-dropdown_clean-button-svg" data-bind="css: css, attr: { 'aria-label': title }" role="img" aria-label="Clear">
<use xlink:href="#icon-clear"></use>
<title>Clear</title>
</svg>
<!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
</div>
<!-- ko component: { name: "sv-popup", params: { model: model.popupModel }} -->
<div></div><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div><!-- /ko -->
<!-- ko if: question.isOtherSelected --><!-- /ko -->
</div><!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: question.isDefaultRendering() --><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.showErrorOnBottom --><!-- /ko -->
<!-- ko if: question.isErrorsModeTooltip --><!-- /ko -->
<!-- ko if: question.hasDescriptionUnderInput --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.showErrorsBelowQuestion --><!-- /ko -->
</div><!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: !row.isNeedRender && question.skeletonComponentName --><!-- /ko -->
</div><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: row.visible -->
<!-- ko component: { name: $parent.survey.getRowWrapperComponentName(row), params: { componentData: $parent.survey.getRowWrapperComponentData(row), templateData: { name: 'survey-row', data: row } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div data-bind="css: row.getRowCss()" class="sd-row sd-clearfix sd-page__row">
<!-- ko template: { name: "survey-row-content", afterRender: row.rowAfterRender } -->
<!-- ko foreach: { data: row.visibleElements, as: 'question', afterRender: row.koAfterRender } -->
<div data-bind="css: question.koCss().questionWrapper, style: $data.rootStyle, event: {focusin: question.focusIn }" style="flex: 1 1 100%; min-width: 300px; max-width: 100%;">
<!-- ko if: row.isNeedRender -->
<!-- ko component: { name: row.panel.survey.getElementWrapperComponentName(question), params: { componentData: row.panel.survey.getElementWrapperComponentData(question), templateData: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div
data-bind="css: question.koRootCss(), style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight }, attr: { id: question.id, 'data-name': question.name, role: question.ariaRole, 'aria-required': question.ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-labelledby': question.ariaLabelledBy}"
class="sd-element sd-question sd-row__question sd-row__question--small sd-element--with-frame" id="sq_101" data-name="Employees" role="textbox" aria-required="true" aria-invalid="false" aria-labelledby="sq_101_ariaTitle">
<!-- ko if: question.showErrorsAboveQuestion -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<!-- ko if: hasVisibleErrors --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<div data-bind="css: question.cssHeader, click: question.clickTitleFunction" class="sd-question__header sd-element__header sd-question__header--location-top sd-element__header--location-top">
<!-- ko component: { name: 'survey-element-title', params: { element: $data } } --><!-- ko if: element.hasTitle -->
<h5 data-bind="css: element.cssTitle, attr: { 'aria-label': element.titleAriaLabel, id: element.ariaTitleId, tabindex: element.titleTabIndex, 'aria-expanded': element.titleAriaExpanded, role:'columnheader' }"
class="sd-title sd-element__title sd-question__title sd-question__title--required" aria-label="How many employees are there in your organisation?" id="sq_101_ariaTitle" role="columnheader">
<!-- ko component: { name: 'sv-title-actions', params: {element: element } } --><!-- ko ifnot: element.hasTitleActions -->
<!-- ko component: { name: 'survey-element-title-content', params: {element: element } } --><!-- ko if: element.isTitleRenderedAsString --><!-- /ko -->
<!-- ko ifnot: element.isTitleRenderedAsString -->
<!-- ko if: element.isRequireTextOnStart --><!-- /ko -->
<!-- ko if: element.no -->
<span style="position: static;" data-bind="css: element.koCss().number, text: element.no, attr: { 'aria-hidden': true }" class="sd-element__num" aria-hidden="true">2.</span>
<span> </span>
<!-- /ko -->
<!-- ko if: element.isRequireTextBeforeTitle --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: element.locTitle } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml">How many employees are there in your organisation?</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.isRequireTextAfterTitle -->
<span> </span>
<span data-bind="css: element.koCss().requiredText || (element.koCss().panel && element.koCss().panel.requiredText), text: element.requiredText, attr: { 'aria-hidden': true }" class="sd-question__required-text"
aria-hidden="true">*</span>
<!-- /ko -->
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasTitleActions --><!-- /ko --><!-- /ko -->
</h5><!-- /ko --><!-- /ko -->
<!-- ko v-if: $data.hasDescriptionUnderTitle -->
<div data-bind="visible: question.hasDescriptionUnderTitle, css: $data.cssDescription" class="sd-description sd-question__description">
<!-- ko template: { name: 'survey-string', data: $data.locDescription } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko component: { name: question.survey.getQuestionContentWrapperComponentName(question), params: { componentData: question.survey.getElementWrapperComponentData(question), templateData: { name: 'survey-question-content', data: question } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div data-bind="visible: !question.isCollapsed, css: question.cssContent" role="presentation" class="sd-question__content">
<!-- ko if: question.showErrorOnTop --><!-- /ko -->
<!-- ko if: question.isDefaultRendering() -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><!--ko if: !question.dataListId && !question.isReadOnlyRenderDiv()-->
<!-- ko template: { name: 'survey-question-text-input' } -->
<input data-bind="disable: question.isInputReadOnly,
style: question.inputStyle,
attr: { type: question.inputType, size: question.renderedInputSize, id: question.inputId, placeholder: question.renderedPlaceholder, maxLength: question.getMaxLength(), min: question.renderedMin, max: question.renderedMax, step: question.renderedStep, 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-describedby': question.ariaDescribedBy, autocomplete: question.autocomplete, list:question.dataListId },
event: { keydown: koOnKeyDown, keyup: koOnKeyUp, change: koOnChange, compositionupdate: koOnCompositeUpdate, blur: koOnBlur },
value: question.koReadOnlyValue,
css: question.getControlClass()" type="number" id="sq_101i" placeholder="" min="1" step="any" aria-required="true" aria-label="How many employees are there in your organisation?" aria-invalid="false" autocomplete="" class="sd-input sd-text">
<!-- /ko -->
<!--/ko-->
<!--ko if: question.dataListId && !question.isReadOnlyRenderDiv()--><!--/ko-->
<!--ko if: question.isReadOnlyRenderDiv() --><!--/ko--><!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: question.isDefaultRendering() --><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.showErrorOnBottom --><!-- /ko -->
<!-- ko if: question.isErrorsModeTooltip --><!-- /ko -->
<!-- ko if: question.hasDescriptionUnderInput --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.showErrorsBelowQuestion --><!-- /ko -->
</div><!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: !row.isNeedRender && question.skeletonComponentName --><!-- /ko -->
</div><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: row.visible -->
<!-- ko component: { name: $parent.survey.getRowWrapperComponentName(row), params: { componentData: $parent.survey.getRowWrapperComponentData(row), templateData: { name: 'survey-row', data: row } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div data-bind="css: row.getRowCss()" class="sd-row sd-clearfix sd-page__row">
<!-- ko template: { name: "survey-row-content", afterRender: row.rowAfterRender } -->
<!-- ko foreach: { data: row.visibleElements, as: 'question', afterRender: row.koAfterRender } -->
<div data-bind="css: question.koCss().questionWrapper, style: $data.rootStyle, event: {focusin: question.focusIn }" style="flex: 1 1 100%; min-width: 300px; max-width: 100%;">
<!-- ko if: row.isNeedRender -->
<!-- ko component: { name: row.panel.survey.getElementWrapperComponentName(question), params: { componentData: row.panel.survey.getElementWrapperComponentData(question), templateData: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div
data-bind="css: question.koRootCss(), style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight }, attr: { id: question.id, 'data-name': question.name, role: question.ariaRole, 'aria-required': question.ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-labelledby': question.ariaLabelledBy}"
class="sd-element sd-question sd-row__question sd-row__question--small sd-element--with-frame" id="sq_102" data-name="Regions" role="combobox" aria-required="true" aria-invalid="false" aria-labelledby="sq_102_ariaTitle">
<!-- ko if: question.showErrorsAboveQuestion -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<!-- ko if: hasVisibleErrors --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<div data-bind="css: question.cssHeader, click: question.clickTitleFunction" class="sd-question__header sd-element__header sd-question__header--location-top sd-element__header--location-top">
<!-- ko component: { name: 'survey-element-title', params: { element: $data } } --><!-- ko if: element.hasTitle -->
<h5 data-bind="css: element.cssTitle, attr: { 'aria-label': element.titleAriaLabel, id: element.ariaTitleId, tabindex: element.titleTabIndex, 'aria-expanded': element.titleAriaExpanded, role:'columnheader' }"
class="sd-title sd-element__title sd-question__title sd-question__title--required" aria-label="What is your primary region of Operation?" id="sq_102_ariaTitle" role="columnheader">
<!-- ko component: { name: 'sv-title-actions', params: {element: element } } --><!-- ko ifnot: element.hasTitleActions -->
<!-- ko component: { name: 'survey-element-title-content', params: {element: element } } --><!-- ko if: element.isTitleRenderedAsString --><!-- /ko -->
<!-- ko ifnot: element.isTitleRenderedAsString -->
<!-- ko if: element.isRequireTextOnStart --><!-- /ko -->
<!-- ko if: element.no -->
<span style="position: static;" data-bind="css: element.koCss().number, text: element.no, attr: { 'aria-hidden': true }" class="sd-element__num" aria-hidden="true">3.</span>
<span> </span>
<!-- /ko -->
<!-- ko if: element.isRequireTextBeforeTitle --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: element.locTitle } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml">What is your primary region of Operation?</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.isRequireTextAfterTitle -->
<span> </span>
<span data-bind="css: element.koCss().requiredText || (element.koCss().panel && element.koCss().panel.requiredText), text: element.requiredText, attr: { 'aria-hidden': true }" class="sd-question__required-text"
aria-hidden="true">*</span>
<!-- /ko -->
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasTitleActions --><!-- /ko --><!-- /ko -->
</h5><!-- /ko --><!-- /ko -->
<!-- ko v-if: $data.hasDescriptionUnderTitle -->
<div data-bind="visible: question.hasDescriptionUnderTitle, css: $data.cssDescription" class="sd-description sd-question__description">
<!-- ko template: { name: 'survey-string', data: $data.locDescription } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko component: { name: question.survey.getQuestionContentWrapperComponentName(question), params: { componentData: question.survey.getElementWrapperComponentData(question), templateData: { name: 'survey-question-content', data: question } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div data-bind="visible: !question.isCollapsed, css: question.cssContent" role="presentation" class="sd-question__content">
<!-- ko if: question.showErrorOnTop --><!-- /ko -->
<!-- ko if: question.isDefaultRendering() -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<div data-bind="css: question.renderCssRoot" class="sd-selectbase">
<!-- ko component: { name: 'sv-dropdown', params: { question: question } } -->
<div data-bind="css: question.koCss().selectWrapper">
<!-- ko ifnot: question.isReadOnly -->
<div data-bind="css: question.getControlClass(),
click: click,
event: { keydown: keyhandler, blur: blur },
attr: {
id: question.inputId,
required: question.isRequired,
tabindex: model.inputReadOnly ? undefined : 0,
disabled: question.isInputReadOnly,
role: question.ariaRole,
'aria-required': question.ariaRequired,
'aria-label': question.ariaLabel,
'aria-invalid': question.ariaInvalid,
'aria-describedby': question.ariaDescribedBy
}," class="sd-input sd-dropdown sd-dropdown--empty" id="sq_102i" required="true" role="combobox" aria-required="true" aria-label="What is your primary region of Operation?" aria-invalid="false">
<div data-bind="css: question.koCss().controlValue" class="sd-dropdown__value">
<!-- ko if: question.showInputFieldComponent --><!-- /ko -->
<!-- ko if: question.showSelectedItemLocText --><!-- /ko -->
<input type="text" autocomplete="off" data-bind="
textInput: model.filterString,
css: question.cssClasses.filterStringInput,
attr: {
'aria-label': question.placeholder,
placeholder: question.readOnlyText,
readonly: !model.searchEnabled,
role: model.filterStringEnabled ? question.ariaRole : undefined,
tabindex: model.inputReadOnly ? undefined : -1,
disabled: question.isInputReadOnly,
id: question.getInputId()
},
event: { blur: blur }" class="sd-dropdown__filter-string-input" aria-label="Select..." placeholder="Select..." role="combobox" id="sq_102i_0">
</div>
<!-- ko if: (question.allowClear && question.cssClasses.cleanButtonIconId) -->
<div data-bind="css: question.koCss().cleanButton, click: clear, visible: !question.isEmpty() " class="sd-dropdown_clean-button" style="display: none;">
<!-- ko component: { name: 'sv-svg-icon', params: { css: question.cssClasses.cleanButtonSvg, iconName: question.cssClasses.cleanButtonIconId, size: 'auto', title: question.clearCaption } } --><!-- ko if: hasIcon -->
<svg class="sv-svg-icon sd-dropdown_clean-button-svg" data-bind="css: css, attr: { 'aria-label': title }" role="img" aria-label="Clear">
<use xlink:href="#icon-clear"></use>
<title>Clear</title>
</svg>
<!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
</div>
<!-- ko component: { name: "sv-popup", params: { model: model.popupModel }} -->
<div></div><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div><!-- /ko -->
<!-- ko if: question.isOtherSelected --><!-- /ko -->
</div><!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: question.isDefaultRendering() --><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.showErrorOnBottom --><!-- /ko -->
<!-- ko if: question.isErrorsModeTooltip --><!-- /ko -->
<!-- ko if: question.hasDescriptionUnderInput --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.showErrorsBelowQuestion --><!-- /ko -->
</div><!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: !row.isNeedRender && question.skeletonComponentName --><!-- /ko -->
</div><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: row.visible -->
<!-- ko component: { name: $parent.survey.getRowWrapperComponentName(row), params: { componentData: $parent.survey.getRowWrapperComponentData(row), templateData: { name: 'survey-row', data: row } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div data-bind="css: row.getRowCss()" class="sd-row sd-clearfix sd-page__row">
<!-- ko template: { name: "survey-row-content", afterRender: row.rowAfterRender } -->
<!-- ko foreach: { data: row.visibleElements, as: 'question', afterRender: row.koAfterRender } -->
<div data-bind="css: question.koCss().questionWrapper, style: $data.rootStyle, event: {focusin: question.focusIn }" style="flex: 1 1 100%; min-width: 300px; max-width: 100%;">
<!-- ko if: row.isNeedRender -->
<!-- ko component: { name: row.panel.survey.getElementWrapperComponentName(question), params: { componentData: row.panel.survey.getElementWrapperComponentData(question), templateData: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div
data-bind="css: question.koRootCss(), style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight }, attr: { id: question.id, 'data-name': question.name, role: question.ariaRole, 'aria-required': question.ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-labelledby': question.ariaLabelledBy}"
class="sd-element sd-question sd-row__question sd-question--boolean sd-element--with-frame" id="sq_103" data-name="question40" role="textbox" aria-required="true" aria-invalid="false" aria-labelledby="sq_103_ariaTitle">
<!-- ko if: question.showErrorsAboveQuestion -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<!-- ko if: hasVisibleErrors --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<div data-bind="css: question.cssHeader, click: question.clickTitleFunction" class="sd-question__header sd-element__header sd-question__header--location-top sd-element__header--location-top">
<!-- ko component: { name: 'survey-element-title', params: { element: $data } } --><!-- ko if: element.hasTitle -->
<h5 data-bind="css: element.cssTitle, attr: { 'aria-label': element.titleAriaLabel, id: element.ariaTitleId, tabindex: element.titleTabIndex, 'aria-expanded': element.titleAriaExpanded, role:'columnheader' }"
class="sd-title sd-element__title sd-question__title sd-question__title--required" aria-label="Do you operate in multiple regions?" id="sq_103_ariaTitle" role="columnheader">
<!-- ko component: { name: 'sv-title-actions', params: {element: element } } --><!-- ko ifnot: element.hasTitleActions -->
<!-- ko component: { name: 'survey-element-title-content', params: {element: element } } --><!-- ko if: element.isTitleRenderedAsString --><!-- /ko -->
<!-- ko ifnot: element.isTitleRenderedAsString -->
<!-- ko if: element.isRequireTextOnStart --><!-- /ko -->
<!-- ko if: element.no -->
<span style="position: static;" data-bind="css: element.koCss().number, text: element.no, attr: { 'aria-hidden': true }" class="sd-element__num" aria-hidden="true">4.</span>
<span> </span>
<!-- /ko -->
<!-- ko if: element.isRequireTextBeforeTitle --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: element.locTitle } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml">Do you operate in multiple regions?</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.isRequireTextAfterTitle -->
<span> </span>
<span data-bind="css: element.koCss().requiredText || (element.koCss().panel && element.koCss().panel.requiredText), text: element.requiredText, attr: { 'aria-hidden': true }" class="sd-question__required-text"
aria-hidden="true">*</span>
<!-- /ko -->
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasTitleActions --><!-- /ko --><!-- /ko -->
</h5><!-- /ko --><!-- /ko -->
<!-- ko v-if: $data.hasDescriptionUnderTitle -->
<div data-bind="visible: question.hasDescriptionUnderTitle, css: $data.cssDescription" class="sd-description sd-question__description">
<!-- ko template: { name: 'survey-string', data: $data.locDescription } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko component: { name: question.survey.getQuestionContentWrapperComponentName(question), params: { componentData: question.survey.getElementWrapperComponentData(question), templateData: { name: 'survey-question-content', data: question } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div data-bind="visible: !question.isCollapsed, css: question.cssContent" role="presentation" class="sd-question__content">
<!-- ko if: question.showErrorOnTop --><!-- /ko -->
<!-- ko if: question.isDefaultRendering() -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<div data-bind="css: question.koCss().root, event: { keydown: question.onKeyDown}" class="sv_qcbc sv_qbln sd-scrollable-container">
<label data-bind="css: question.getItemCss()" class="sd-boolean sd-boolean--indeterminate">
<input type="checkbox"
data-bind="value: question.booleanValue, css: question.koCss().control, attr: {name: question.name, id: question.inputId, 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-describedby': question.ariaDescribedBy}, checked: question.booleanValue, surveyProp: {indeterminate: question.isIndeterminate}, enable: !question.isInputReadOnly"
value="" class="sd-boolean__control sd-visuallyhidden" name="question40" id="sq_103i" aria-required="true" aria-label="Do you operate in multiple regions?" aria-invalid="false">
<span data-bind="css: question.getLabelCss(false), click: onFalseLabelClick" class="sd-boolean__label"><!-- ko template: { name: 'survey-string', data: locLabelFalse } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml">No</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko --></span>
<div data-bind="css: question.koCss().switch, click: onSwitchClick" class="sd-boolean__switch">
<span data-bind="css: question.koCss().slider" class="sd-boolean__thumb">
<!-- ko if: question.koCss().sliderText && question.isDeterminated --><!-- /ko -->
</span>
</div>
<span data-bind="css: question.getLabelCss(true), click: onTrueLabelClick" class="sd-boolean__label"><!-- ko template: { name: 'survey-string', data: locLabelTrue } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml">Yes</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko --></span>
</label>
</div><!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: question.isDefaultRendering() --><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.showErrorOnBottom --><!-- /ko -->
<!-- ko if: question.isErrorsModeTooltip --><!-- /ko -->
<!-- ko if: question.hasDescriptionUnderInput --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.showErrorsBelowQuestion --><!-- /ko -->
</div><!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: !row.isNeedRender && question.skeletonComponentName --><!-- /ko -->
</div><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: row.visible -->
<!-- ko component: { name: $parent.survey.getRowWrapperComponentName(row), params: { componentData: $parent.survey.getRowWrapperComponentData(row), templateData: { name: 'survey-row', data: row } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div data-bind="css: row.getRowCss()" class="sd-row sd-clearfix sd-page__row">
<!-- ko template: { name: "survey-row-content", afterRender: row.rowAfterRender } -->
<!-- ko foreach: { data: row.visibleElements, as: 'question', afterRender: row.koAfterRender } -->
<div data-bind="css: question.koCss().questionWrapper, style: $data.rootStyle, event: {focusin: question.focusIn }" style="flex: 1 1 100%; min-width: 300px; max-width: 100%;">
<!-- ko if: row.isNeedRender -->
<!-- ko component: { name: row.panel.survey.getElementWrapperComponentName(question), params: { componentData: row.panel.survey.getElementWrapperComponentData(question), templateData: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div
data-bind="css: question.koRootCss(), style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight }, attr: { id: question.id, 'data-name': question.name, role: question.ariaRole, 'aria-required': question.ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-labelledby': question.ariaLabelledBy}"
class="sd-element sd-question sd-row__question sd-row__question--small sd-element--with-frame" id="sq_104" data-name="Revenue" role="combobox" aria-required="true" aria-invalid="false" aria-labelledby="sq_104_ariaTitle">
<!-- ko if: question.showErrorsAboveQuestion -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<!-- ko if: hasVisibleErrors --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<div data-bind="css: question.cssHeader, click: question.clickTitleFunction" class="sd-question__header sd-element__header sd-question__header--location-top sd-element__header--location-top">
<!-- ko component: { name: 'survey-element-title', params: { element: $data } } --><!-- ko if: element.hasTitle -->
<h5 data-bind="css: element.cssTitle, attr: { 'aria-label': element.titleAriaLabel, id: element.ariaTitleId, tabindex: element.titleTabIndex, 'aria-expanded': element.titleAriaExpanded, role:'columnheader' }"
class="sd-title sd-element__title sd-question__title sd-question__title--required" aria-label="What is your annual revenue?" id="sq_104_ariaTitle" role="columnheader">
<!-- ko component: { name: 'sv-title-actions', params: {element: element } } --><!-- ko ifnot: element.hasTitleActions -->
<!-- ko component: { name: 'survey-element-title-content', params: {element: element } } --><!-- ko if: element.isTitleRenderedAsString --><!-- /ko -->
<!-- ko ifnot: element.isTitleRenderedAsString -->
<!-- ko if: element.isRequireTextOnStart --><!-- /ko -->
<!-- ko if: element.no -->
<span style="position: static;" data-bind="css: element.koCss().number, text: element.no, attr: { 'aria-hidden': true }" class="sd-element__num" aria-hidden="true">5.</span>
<span> </span>
<!-- /ko -->
<!-- ko if: element.isRequireTextBeforeTitle --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: element.locTitle } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml">What is your annual revenue?</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.isRequireTextAfterTitle -->
<span> </span>
<span data-bind="css: element.koCss().requiredText || (element.koCss().panel && element.koCss().panel.requiredText), text: element.requiredText, attr: { 'aria-hidden': true }" class="sd-question__required-text"
aria-hidden="true">*</span>
<!-- /ko -->
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasTitleActions --><!-- /ko --><!-- /ko -->
</h5><!-- /ko --><!-- /ko -->
<!-- ko v-if: $data.hasDescriptionUnderTitle -->
<div data-bind="visible: question.hasDescriptionUnderTitle, css: $data.cssDescription" class="sd-description sd-question__description">
<!-- ko template: { name: 'survey-string', data: $data.locDescription } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko component: { name: question.survey.getQuestionContentWrapperComponentName(question), params: { componentData: question.survey.getElementWrapperComponentData(question), templateData: { name: 'survey-question-content', data: question } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div data-bind="visible: !question.isCollapsed, css: question.cssContent" role="presentation" class="sd-question__content">
<!-- ko if: question.showErrorOnTop --><!-- /ko -->
<!-- ko if: question.isDefaultRendering() -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<div data-bind="css: question.renderCssRoot" class="sd-selectbase">
<!-- ko component: { name: 'sv-dropdown', params: { question: question } } -->
<div data-bind="css: question.koCss().selectWrapper">
<!-- ko ifnot: question.isReadOnly -->
<div data-bind="css: question.getControlClass(),
click: click,
event: { keydown: keyhandler, blur: blur },
attr: {
id: question.inputId,
required: question.isRequired,
tabindex: model.inputReadOnly ? undefined : 0,
disabled: question.isInputReadOnly,
role: question.ariaRole,
'aria-required': question.ariaRequired,
'aria-label': question.ariaLabel,
'aria-invalid': question.ariaInvalid,
'aria-describedby': question.ariaDescribedBy
}," class="sd-input sd-dropdown sd-dropdown--empty" id="sq_104i" required="true" role="combobox" aria-required="true" aria-label="What is your annual revenue?" aria-invalid="false">
<div data-bind="css: question.koCss().controlValue" class="sd-dropdown__value">
<!-- ko if: question.showInputFieldComponent --><!-- /ko -->
<!-- ko if: question.showSelectedItemLocText --><!-- /ko -->
<input type="text" autocomplete="off" data-bind="
textInput: model.filterString,
css: question.cssClasses.filterStringInput,
attr: {
'aria-label': question.placeholder,
placeholder: question.readOnlyText,
readonly: !model.searchEnabled,
role: model.filterStringEnabled ? question.ariaRole : undefined,
tabindex: model.inputReadOnly ? undefined : -1,
disabled: question.isInputReadOnly,
id: question.getInputId()
},
event: { blur: blur }" class="sd-dropdown__filter-string-input" aria-label="Select..." placeholder="Select..." role="combobox" id="sq_104i_0">
</div>
<!-- ko if: (question.allowClear && question.cssClasses.cleanButtonIconId) -->
<div data-bind="css: question.koCss().cleanButton, click: clear, visible: !question.isEmpty() " class="sd-dropdown_clean-button" style="display: none;">
<!-- ko component: { name: 'sv-svg-icon', params: { css: question.cssClasses.cleanButtonSvg, iconName: question.cssClasses.cleanButtonIconId, size: 'auto', title: question.clearCaption } } --><!-- ko if: hasIcon -->
<svg class="sv-svg-icon sd-dropdown_clean-button-svg" data-bind="css: css, attr: { 'aria-label': title }" role="img" aria-label="Clear">
<use xlink:href="#icon-clear"></use>
<title>Clear</title>
</svg>
<!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
</div>
<!-- ko component: { name: "sv-popup", params: { model: model.popupModel }} -->
<div></div><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div><!-- /ko -->
<!-- ko if: question.isOtherSelected --><!-- /ko -->
</div><!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: question.isDefaultRendering() --><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.showErrorOnBottom --><!-- /ko -->
<!-- ko if: question.isErrorsModeTooltip --><!-- /ko -->
<!-- ko if: question.hasDescriptionUnderInput --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.showErrorsBelowQuestion --><!-- /ko -->
</div><!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: !row.isNeedRender && question.skeletonComponentName --><!-- /ko -->
</div><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: row.visible -->
<!-- ko component: { name: $parent.survey.getRowWrapperComponentName(row), params: { componentData: $parent.survey.getRowWrapperComponentData(row), templateData: { name: 'survey-row', data: row } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div data-bind="css: row.getRowCss()" class="sd-row sd-clearfix sd-page__row">
<!-- ko template: { name: "survey-row-content", afterRender: row.rowAfterRender } -->
<!-- ko foreach: { data: row.visibleElements, as: 'question', afterRender: row.koAfterRender } -->
<div data-bind="css: question.koCss().questionWrapper, style: $data.rootStyle, event: {focusin: question.focusIn }" style="flex: 1 1 100%; min-width: 300px; max-width: 100%;">
<!-- ko if: row.isNeedRender -->
<!-- ko component: { name: row.panel.survey.getElementWrapperComponentName(question), params: { componentData: row.panel.survey.getElementWrapperComponentData(question), templateData: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div
data-bind="css: question.koRootCss(), style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight }, attr: { id: question.id, 'data-name': question.name, role: question.ariaRole, 'aria-required': question.ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-labelledby': question.ariaLabelledBy}"
class="sd-element sd-question sd-row__question sd-element--with-frame" id="sq_105" data-name="Benefits" role="listbox" aria-required="true" aria-invalid="false" aria-labelledby="sq_105_ariaTitle">
<!-- ko if: question.showErrorsAboveQuestion -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<!-- ko if: hasVisibleErrors --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<div data-bind="css: question.cssHeader, click: question.clickTitleFunction" class="sd-question__header sd-element__header sd-question__header--location-top sd-element__header--location-top">
<!-- ko component: { name: 'survey-element-title', params: { element: $data } } --><!-- ko if: element.hasTitle -->
<h5 data-bind="css: element.cssTitle, attr: { 'aria-label': element.titleAriaLabel, id: element.ariaTitleId, tabindex: element.titleTabIndex, 'aria-expanded': element.titleAriaExpanded, role:'columnheader' }"
class="sd-title sd-element__title sd-question__title sd-question__title--required" aria-label="Why are you looking for a new system?" id="sq_105_ariaTitle" role="columnheader">
<!-- ko component: { name: 'sv-title-actions', params: {element: element } } --><!-- ko ifnot: element.hasTitleActions -->
<!-- ko component: { name: 'survey-element-title-content', params: {element: element } } --><!-- ko if: element.isTitleRenderedAsString --><!-- /ko -->
<!-- ko ifnot: element.isTitleRenderedAsString -->
<!-- ko if: element.isRequireTextOnStart --><!-- /ko -->
<!-- ko if: element.no -->
<span style="position: static;" data-bind="css: element.koCss().number, text: element.no, attr: { 'aria-hidden': true }" class="sd-element__num" aria-hidden="true">6.</span>
<span> </span>
<!-- /ko -->
<!-- ko if: element.isRequireTextBeforeTitle --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: element.locTitle } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml">Why are you looking for a new system?</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.isRequireTextAfterTitle -->
<span> </span>
<span data-bind="css: element.koCss().requiredText || (element.koCss().panel && element.koCss().panel.requiredText), text: element.requiredText, attr: { 'aria-hidden': true }" class="sd-question__required-text"
aria-hidden="true">*</span>
<!-- /ko -->
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasTitleActions --><!-- /ko --><!-- /ko -->
</h5><!-- /ko --><!-- /ko -->
<!-- ko v-if: $data.hasDescriptionUnderTitle -->
<div data-bind="visible: question.hasDescriptionUnderTitle, css: $data.cssDescription" class="sd-description sd-question__description">
<!-- ko template: { name: 'survey-string', data: $data.locDescription } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml">Please select as many options as are relevant</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko component: { name: question.survey.getQuestionContentWrapperComponentName(question), params: { componentData: question.survey.getElementWrapperComponentData(question), templateData: { name: 'survey-question-content', data: question } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div data-bind="visible: !question.isCollapsed, css: question.cssContent" role="presentation" class="sd-question__content">
<!-- ko if: question.showErrorOnTop --><!-- /ko -->
<!-- ko if: question.isDefaultRendering() -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<fieldset data-bind="css: question.getSelectBaseRootCss()" role="presentation" class="sd-selectbase">
<legend role="presentation" class="sv-hidden"></legend>
<!-- ko if: question.hasHeadItems --><!-- /ko -->
<!-- ko ifnot: question.hasColumns -->
<!-- ko if: question.blockedRow --><!-- /ko -->
<!-- ko ifnot: question.blockedRow -->
<!-- ko foreach: { data: question.bodyItems, as: 'item', afterRender: question.koAfterRender } --><!-- ko component: { name: question.getItemValueWrapperComponentName(item), params: { componentData: question.getItemValueWrapperComponentData(item), templateData: { name: question.itemComponent, data: item } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div role="presentation" data-bind="css: question.getItemClass(item)" class="sd-item sd-checkbox sd-selectbase__item sv-q-col-1 sd-item--allowhover sd-checkbox--allowhover">
<label data-bind="css: question.getLabelClass(item), attr: { 'aria-label': question.getAriaItemLabel(item) }" class="sd-selectbase__label" aria-label="Improve Customer Service and Customer experience">
<!-- ko if: item == question.selectAllItem --><!-- /ko -->
<!-- ko if: item != question.selectAllItem -->
<input role="option" type="checkbox"
data-bind="attr: {name: question.name, id: question.getItemId(item), 'aria-describedby': question.ariaDescribedBy }, checkedValue: item.value, checked: question.koValue, enable: question.getItemEnabled(item), css: question.koCss().itemControl"
name="Benefits" id="sq_105i_0" value="Satisfaction" class="sd-visuallyhidden sd-item__control sd-checkbox__control">
<!-- /ko -->
<!-- ko if: question.koCss().materialDecorator -->
<span data-bind="css: question.koCss().materialDecorator" class="sd-item__decorator sd-checkbox__decorator">
<!-- ko if: question.itemSvgIcon -->
<svg data-bind="css:question.koCss().itemDecorator" class="sd-item__svg sd-checkbox__svg">
<use data-bind="attr:{'xlink:href':question.itemSvgIcon}" xlink:href="#icon-v2check"></use>
</svg>
<!-- /ko -->
</span>
<!-- /ko -->
<span data-bind="visible: !item.hideCaption, css: question.koCss().controlLabel" class="sd-item__control-label">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml">Improve Customer Service and Customer experience</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
</span>
</label>
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko --><!-- ko component: { name: question.getItemValueWrapperComponentName(item), params: { componentData: question.getItemValueWrapperComponentData(item), templateData: { name: question.itemComponent, data: item } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div role="presentation" data-bind="css: question.getItemClass(item)" class="sd-item sd-checkbox sd-selectbase__item sv-q-col-1 sd-item--allowhover sd-checkbox--allowhover">
<label data-bind="css: question.getLabelClass(item), attr: { 'aria-label': question.getAriaItemLabel(item) }" class="sd-selectbase__label" aria-label="Improve Field Service delivery for my Customers">
<!-- ko if: item == question.selectAllItem --><!-- /ko -->
<!-- ko if: item != question.selectAllItem -->
<input role="option" type="checkbox"
data-bind="attr: {name: question.name, id: question.getItemId(item), 'aria-describedby': question.ariaDescribedBy }, checkedValue: item.value, checked: question.koValue, enable: question.getItemEnabled(item), css: question.koCss().itemControl"
name="Benefits" id="sq_105i_1" value="Field Service" class="sd-visuallyhidden sd-item__control sd-checkbox__control">
<!-- /ko -->
<!-- ko if: question.koCss().materialDecorator -->
<span data-bind="css: question.koCss().materialDecorator" class="sd-item__decorator sd-checkbox__decorator">
<!-- ko if: question.itemSvgIcon -->
<svg data-bind="css:question.koCss().itemDecorator" class="sd-item__svg sd-checkbox__svg">
<use data-bind="attr:{'xlink:href':question.itemSvgIcon}" xlink:href="#icon-v2check"></use>
</svg>
<!-- /ko -->
</span>
<!-- /ko -->
<span data-bind="visible: !item.hideCaption, css: question.koCss().controlLabel" class="sd-item__control-label">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml">Improve Field Service delivery for my Customers</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
</span>
</label>
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko --><!-- ko component: { name: question.getItemValueWrapperComponentName(item), params: { componentData: question.getItemValueWrapperComponentData(item), templateData: { name: question.itemComponent, data: item } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div role="presentation" data-bind="css: question.getItemClass(item)" class="sd-item sd-checkbox sd-selectbase__item sv-q-col-1 sd-item--allowhover sd-checkbox--allowhover">
<label data-bind="css: question.getLabelClass(item), attr: { 'aria-label': question.getAriaItemLabel(item) }" class="sd-selectbase__label" aria-label="Improve Marketing Campaigns and the Management thereof">
<!-- ko if: item == question.selectAllItem --><!-- /ko -->
<!-- ko if: item != question.selectAllItem -->
<input role="option" type="checkbox"
data-bind="attr: {name: question.name, id: question.getItemId(item), 'aria-describedby': question.ariaDescribedBy }, checkedValue: item.value, checked: question.koValue, enable: question.getItemEnabled(item), css: question.koCss().itemControl"
name="Benefits" id="sq_105i_2" value="Marketing" class="sd-visuallyhidden sd-item__control sd-checkbox__control">
<!-- /ko -->
<!-- ko if: question.koCss().materialDecorator -->
<span data-bind="css: question.koCss().materialDecorator" class="sd-item__decorator sd-checkbox__decorator">
<!-- ko if: question.itemSvgIcon -->
<svg data-bind="css:question.koCss().itemDecorator" class="sd-item__svg sd-checkbox__svg">
<use data-bind="attr:{'xlink:href':question.itemSvgIcon}" xlink:href="#icon-v2check"></use>
</svg>
<!-- /ko -->
</span>
<!-- /ko -->
<span data-bind="visible: !item.hideCaption, css: question.koCss().controlLabel" class="sd-item__control-label">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml">Improve Marketing Campaigns and the Management thereof</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
</span>
</label>
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko --><!-- ko component: { name: question.getItemValueWrapperComponentName(item), params: { componentData: question.getItemValueWrapperComponentData(item), templateData: { name: question.itemComponent, data: item } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div role="presentation" data-bind="css: question.getItemClass(item)" class="sd-item sd-checkbox sd-selectbase__item sv-q-col-1 sd-item--allowhover sd-checkbox--allowhover">
<label data-bind="css: question.getLabelClass(item), attr: { 'aria-label': question.getAriaItemLabel(item) }" class="sd-selectbase__label"
aria-label="Improve my Organisation's Sales capability and the tracking of Leads and Opportunities">
<!-- ko if: item == question.selectAllItem --><!-- /ko -->
<!-- ko if: item != question.selectAllItem -->
<input role="option" type="checkbox"
data-bind="attr: {name: question.name, id: question.getItemId(item), 'aria-describedby': question.ariaDescribedBy }, checkedValue: item.value, checked: question.koValue, enable: question.getItemEnabled(item), css: question.koCss().itemControl"
name="Benefits" id="sq_105i_3" value="Sales" class="sd-visuallyhidden sd-item__control sd-checkbox__control">
<!-- /ko -->
<!-- ko if: question.koCss().materialDecorator -->
<span data-bind="css: question.koCss().materialDecorator" class="sd-item__decorator sd-checkbox__decorator">
<!-- ko if: question.itemSvgIcon -->
<svg data-bind="css:question.koCss().itemDecorator" class="sd-item__svg sd-checkbox__svg">
<use data-bind="attr:{'xlink:href':question.itemSvgIcon}" xlink:href="#icon-v2check"></use>
</svg>
<!-- /ko -->
</span>
<!-- /ko -->
<span data-bind="visible: !item.hideCaption, css: question.koCss().controlLabel" class="sd-item__control-label">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml">Improve my Organisation's Sales capability and the tracking of Leads and Opportunities</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
</span>
</label>
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko --><!-- ko component: { name: question.getItemValueWrapperComponentName(item), params: { componentData: question.getItemValueWrapperComponentData(item), templateData: { name: question.itemComponent, data: item } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div role="presentation" data-bind="css: question.getItemClass(item)" class="sd-item sd-checkbox sd-selectbase__item sv-q-col-1 sd-item--allowhover sd-checkbox--allowhover">
<label data-bind="css: question.getLabelClass(item), attr: { 'aria-label': question.getAriaItemLabel(item) }" class="sd-selectbase__label" aria-label="Personalise Marketing interaction with prospective (and existing) Customers">
<!-- ko if: item == question.selectAllItem --><!-- /ko -->
<!-- ko if: item != question.selectAllItem -->
<input role="option" type="checkbox"
data-bind="attr: {name: question.name, id: question.getItemId(item), 'aria-describedby': question.ariaDescribedBy }, checkedValue: item.value, checked: question.koValue, enable: question.getItemEnabled(item), css: question.koCss().itemControl"
name="Benefits" id="sq_105i_4" value="Personalise" class="sd-visuallyhidden sd-item__control sd-checkbox__control">
<!-- /ko -->
<!-- ko if: question.koCss().materialDecorator -->
<span data-bind="css: question.koCss().materialDecorator" class="sd-item__decorator sd-checkbox__decorator">
<!-- ko if: question.itemSvgIcon -->
<svg data-bind="css:question.koCss().itemDecorator" class="sd-item__svg sd-checkbox__svg">
<use data-bind="attr:{'xlink:href':question.itemSvgIcon}" xlink:href="#icon-v2check"></use>
</svg>
<!-- /ko -->
</span>
<!-- /ko -->
<span data-bind="visible: !item.hideCaption, css: question.koCss().controlLabel" class="sd-item__control-label">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml">Personalise Marketing interaction with prospective (and existing) Customers</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
</span>
</label>
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko --><!-- ko component: { name: question.getItemValueWrapperComponentName(item), params: { componentData: question.getItemValueWrapperComponentData(item), templateData: { name: question.itemComponent, data: item } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div role="presentation" data-bind="css: question.getItemClass(item)" class="sd-item sd-checkbox sd-selectbase__item sv-q-col-1 sd-item--allowhover sd-checkbox--allowhover">
<label data-bind="css: question.getLabelClass(item), attr: { 'aria-label': question.getAriaItemLabel(item) }" class="sd-selectbase__label" aria-label="Track, Measure and Improve performance of my Customer Engagement functions ">
<!-- ko if: item == question.selectAllItem --><!-- /ko -->
<!-- ko if: item != question.selectAllItem -->
<input role="option" type="checkbox"
data-bind="attr: {name: question.name, id: question.getItemId(item), 'aria-describedby': question.ariaDescribedBy }, checkedValue: item.value, checked: question.koValue, enable: question.getItemEnabled(item), css: question.koCss().itemControl"
name="Benefits" id="sq_105i_5" value="Performance" class="sd-visuallyhidden sd-item__control sd-checkbox__control">
<!-- /ko -->
<!-- ko if: question.koCss().materialDecorator -->
<span data-bind="css: question.koCss().materialDecorator" class="sd-item__decorator sd-checkbox__decorator">
<!-- ko if: question.itemSvgIcon -->
<svg data-bind="css:question.koCss().itemDecorator" class="sd-item__svg sd-checkbox__svg">
<use data-bind="attr:{'xlink:href':question.itemSvgIcon}" xlink:href="#icon-v2check"></use>
</svg>
<!-- /ko -->
</span>
<!-- /ko -->
<span data-bind="visible: !item.hideCaption, css: question.koCss().controlLabel" class="sd-item__control-label">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml">Track, Measure and Improve performance of my Customer Engagement functions </span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
</span>
</label>
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko --><!-- ko component: { name: question.getItemValueWrapperComponentName(item), params: { componentData: question.getItemValueWrapperComponentData(item), templateData: { name: question.itemComponent, data: item } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div role="presentation" data-bind="css: question.getItemClass(item)" class="sd-item sd-checkbox sd-selectbase__item sv-q-col-1 sd-item--allowhover sd-checkbox--allowhover">
<label data-bind="css: question.getLabelClass(item), attr: { 'aria-label': question.getAriaItemLabel(item) }" class="sd-selectbase__label" aria-label="Other (describe)">
<!-- ko if: item == question.selectAllItem --><!-- /ko -->
<!-- ko if: item != question.selectAllItem -->
<input role="option" type="checkbox"
data-bind="attr: {name: question.name, id: question.getItemId(item), 'aria-describedby': question.ariaDescribedBy }, checkedValue: item.value, checked: question.koValue, enable: question.getItemEnabled(item), css: question.koCss().itemControl"
name="Benefits" id="sq_105i_6" value="other" class="sd-visuallyhidden sd-item__control sd-checkbox__control">
<!-- /ko -->
<!-- ko if: question.koCss().materialDecorator -->
<span data-bind="css: question.koCss().materialDecorator" class="sd-item__decorator sd-checkbox__decorator">
<!-- ko if: question.itemSvgIcon -->
<svg data-bind="css:question.koCss().itemDecorator" class="sd-item__svg sd-checkbox__svg">
<use data-bind="attr:{'xlink:href':question.itemSvgIcon}" xlink:href="#icon-v2check"></use>
</svg>
<!-- /ko -->
</span>
<!-- /ko -->
<span data-bind="visible: !item.hideCaption, css: question.koCss().controlLabel" class="sd-item__control-label">
<!-- ko template: { name: 'survey-string', data: item.locText } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml">Other (describe)</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
</span>
</label>
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasColumns --><!-- /ko -->
<!-- ko if: question.hasFootItems --><!-- /ko -->
<!-- ko if: question.hasOther && question.isOtherSelected --><!-- /ko -->
</fieldset><!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: question.isDefaultRendering() --><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.showErrorOnBottom --><!-- /ko -->
<!-- ko if: question.isErrorsModeTooltip --><!-- /ko -->
<!-- ko if: question.hasDescriptionUnderInput --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.showErrorsBelowQuestion --><!-- /ko -->
</div><!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: !row.isNeedRender && question.skeletonComponentName --><!-- /ko -->
</div><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: row.visible -->
<!-- ko component: { name: $parent.survey.getRowWrapperComponentName(row), params: { componentData: $parent.survey.getRowWrapperComponentData(row), templateData: { name: 'survey-row', data: row } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div data-bind="css: row.getRowCss()" class="sd-row sd-clearfix sd-page__row">
<!-- ko template: { name: "survey-row-content", afterRender: row.rowAfterRender } -->
<!-- ko foreach: { data: row.visibleElements, as: 'question', afterRender: row.koAfterRender } -->
<div data-bind="css: question.koCss().questionWrapper, style: $data.rootStyle, event: {focusin: question.focusIn }" style="flex: 1 1 100%; min-width: 300px; max-width: 100%;">
<!-- ko if: row.isNeedRender -->
<!-- ko component: { name: row.panel.survey.getElementWrapperComponentName(question), params: { componentData: row.panel.survey.getElementWrapperComponentData(question), templateData: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div
data-bind="css: question.koRootCss(), style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight }, attr: { id: question.id, 'data-name': question.name, role: question.ariaRole, 'aria-required': question.ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-labelledby': question.ariaLabelledBy}"
class="sd-element sd-question sd-row__question sd-row__question--small sd-element--with-frame" id="sq_106" data-name="Budget" role="combobox" aria-required="true" aria-invalid="false" aria-labelledby="sq_106_ariaTitle">
<!-- ko if: question.showErrorsAboveQuestion -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<!-- ko if: hasVisibleErrors --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<div data-bind="css: question.cssHeader, click: question.clickTitleFunction" class="sd-question__header sd-element__header sd-question__header--location-top sd-element__header--location-top">
<!-- ko component: { name: 'survey-element-title', params: { element: $data } } --><!-- ko if: element.hasTitle -->
<h5 data-bind="css: element.cssTitle, attr: { 'aria-label': element.titleAriaLabel, id: element.ariaTitleId, tabindex: element.titleTabIndex, 'aria-expanded': element.titleAriaExpanded, role:'columnheader' }"
class="sd-title sd-element__title sd-question__title sd-question__title--required" aria-label="What is your budget for the project?" id="sq_106_ariaTitle" role="columnheader">
<!-- ko component: { name: 'sv-title-actions', params: {element: element } } --><!-- ko ifnot: element.hasTitleActions -->
<!-- ko component: { name: 'survey-element-title-content', params: {element: element } } --><!-- ko if: element.isTitleRenderedAsString --><!-- /ko -->
<!-- ko ifnot: element.isTitleRenderedAsString -->
<!-- ko if: element.isRequireTextOnStart --><!-- /ko -->
<!-- ko if: element.no -->
<span style="position: static;" data-bind="css: element.koCss().number, text: element.no, attr: { 'aria-hidden': true }" class="sd-element__num" aria-hidden="true">7.</span>
<span> </span>
<!-- /ko -->
<!-- ko if: element.isRequireTextBeforeTitle --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: element.locTitle } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml">What is your budget for the project?</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.isRequireTextAfterTitle -->
<span> </span>
<span data-bind="css: element.koCss().requiredText || (element.koCss().panel && element.koCss().panel.requiredText), text: element.requiredText, attr: { 'aria-hidden': true }" class="sd-question__required-text"
aria-hidden="true">*</span>
<!-- /ko -->
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasTitleActions --><!-- /ko --><!-- /ko -->
</h5><!-- /ko --><!-- /ko -->
<!-- ko v-if: $data.hasDescriptionUnderTitle -->
<div data-bind="visible: question.hasDescriptionUnderTitle, css: $data.cssDescription" class="sd-description sd-question__description">
<!-- ko template: { name: 'survey-string', data: $data.locDescription } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko component: { name: question.survey.getQuestionContentWrapperComponentName(question), params: { componentData: question.survey.getElementWrapperComponentData(question), templateData: { name: 'survey-question-content', data: question } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div data-bind="visible: !question.isCollapsed, css: question.cssContent" role="presentation" class="sd-question__content">
<!-- ko if: question.showErrorOnTop --><!-- /ko -->
<!-- ko if: question.isDefaultRendering() -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<div data-bind="css: question.renderCssRoot" class="sd-selectbase">
<!-- ko component: { name: 'sv-dropdown', params: { question: question } } -->
<div data-bind="css: question.koCss().selectWrapper">
<!-- ko ifnot: question.isReadOnly -->
<div data-bind="css: question.getControlClass(),
click: click,
event: { keydown: keyhandler, blur: blur },
attr: {
id: question.inputId,
required: question.isRequired,
tabindex: model.inputReadOnly ? undefined : 0,
disabled: question.isInputReadOnly,
role: question.ariaRole,
'aria-required': question.ariaRequired,
'aria-label': question.ariaLabel,
'aria-invalid': question.ariaInvalid,
'aria-describedby': question.ariaDescribedBy
}," class="sd-input sd-dropdown sd-dropdown--empty" id="sq_106i" required="true" role="combobox" aria-required="true" aria-label="What is your budget for the project?" aria-invalid="false">
<div data-bind="css: question.koCss().controlValue" class="sd-dropdown__value">
<!-- ko if: question.showInputFieldComponent --><!-- /ko -->
<!-- ko if: question.showSelectedItemLocText --><!-- /ko -->
<input type="text" autocomplete="off" data-bind="
textInput: model.filterString,
css: question.cssClasses.filterStringInput,
attr: {
'aria-label': question.placeholder,
placeholder: question.readOnlyText,
readonly: !model.searchEnabled,
role: model.filterStringEnabled ? question.ariaRole : undefined,
tabindex: model.inputReadOnly ? undefined : -1,
disabled: question.isInputReadOnly,
id: question.getInputId()
},
event: { blur: blur }" class="sd-dropdown__filter-string-input" aria-label="Select..." placeholder="Select..." role="combobox" id="sq_106i_0">
</div>
<!-- ko if: (question.allowClear && question.cssClasses.cleanButtonIconId) -->
<div data-bind="css: question.koCss().cleanButton, click: clear, visible: !question.isEmpty() " class="sd-dropdown_clean-button" style="display: none;">
<!-- ko component: { name: 'sv-svg-icon', params: { css: question.cssClasses.cleanButtonSvg, iconName: question.cssClasses.cleanButtonIconId, size: 'auto', title: question.clearCaption } } --><!-- ko if: hasIcon -->
<svg class="sv-svg-icon sd-dropdown_clean-button-svg" data-bind="css: css, attr: { 'aria-label': title }" role="img" aria-label="Clear">
<use xlink:href="#icon-clear"></use>
<title>Clear</title>
</svg>
<!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
</div>
<!-- ko component: { name: "sv-popup", params: { model: model.popupModel }} -->
<div></div><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div><!-- /ko -->
<!-- ko if: question.isOtherSelected --><!-- /ko -->
</div><!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: question.isDefaultRendering() --><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.showErrorOnBottom --><!-- /ko -->
<!-- ko if: question.isErrorsModeTooltip --><!-- /ko -->
<!-- ko if: question.hasDescriptionUnderInput --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.showErrorsBelowQuestion --><!-- /ko -->
</div><!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: !row.isNeedRender && question.skeletonComponentName --><!-- /ko -->
</div><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: row.visible -->
<!-- ko component: { name: $parent.survey.getRowWrapperComponentName(row), params: { componentData: $parent.survey.getRowWrapperComponentData(row), templateData: { name: 'survey-row', data: row } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div data-bind="css: row.getRowCss()" class="sd-row sd-clearfix sd-page__row">
<!-- ko template: { name: "survey-row-content", afterRender: row.rowAfterRender } -->
<!-- ko foreach: { data: row.visibleElements, as: 'question', afterRender: row.koAfterRender } -->
<div data-bind="css: question.koCss().questionWrapper, style: $data.rootStyle, event: {focusin: question.focusIn }" style="flex: 1 1 100%; min-width: 300px; max-width: 100%;">
<!-- ko if: row.isNeedRender -->
<!-- ko component: { name: row.panel.survey.getElementWrapperComponentName(question), params: { componentData: row.panel.survey.getElementWrapperComponentData(question), templateData: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div
data-bind="css: question.koRootCss(), style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight }, attr: { id: question.id, 'data-name': question.name, role: question.ariaRole, 'aria-required': question.ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-labelledby': question.ariaLabelledBy}"
class="sd-element sd-question sd-row__question sd-row__question--small sd-element--with-frame" id="sq_107" data-name="Timeline" role="combobox" aria-required="true" aria-invalid="false" aria-labelledby="sq_107_ariaTitle">
<!-- ko if: question.showErrorsAboveQuestion -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<!-- ko if: hasVisibleErrors --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasTitleOnLeftTop -->
<!--ko template: { name: 'survey-question-title', data: question } -->
<div data-bind="css: question.cssHeader, click: question.clickTitleFunction" class="sd-question__header sd-element__header sd-question__header--location-top sd-element__header--location-top">
<!-- ko component: { name: 'survey-element-title', params: { element: $data } } --><!-- ko if: element.hasTitle -->
<h5 data-bind="css: element.cssTitle, attr: { 'aria-label': element.titleAriaLabel, id: element.ariaTitleId, tabindex: element.titleTabIndex, 'aria-expanded': element.titleAriaExpanded, role:'columnheader' }"
class="sd-title sd-element__title sd-question__title sd-question__title--required" aria-label="What's your expected timeline for this project?" id="sq_107_ariaTitle" role="columnheader">
<!-- ko component: { name: 'sv-title-actions', params: {element: element } } --><!-- ko ifnot: element.hasTitleActions -->
<!-- ko component: { name: 'survey-element-title-content', params: {element: element } } --><!-- ko if: element.isTitleRenderedAsString --><!-- /ko -->
<!-- ko ifnot: element.isTitleRenderedAsString -->
<!-- ko if: element.isRequireTextOnStart --><!-- /ko -->
<!-- ko if: element.no -->
<span style="position: static;" data-bind="css: element.koCss().number, text: element.no, attr: { 'aria-hidden': true }" class="sd-element__num" aria-hidden="true">8.</span>
<span> </span>
<!-- /ko -->
<!-- ko if: element.isRequireTextBeforeTitle --><!-- /ko -->
<!-- ko template: { name: 'survey-string', data: element.locTitle } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml">What's your expected timeline for this project?</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.isRequireTextAfterTitle -->
<span> </span>
<span data-bind="css: element.koCss().requiredText || (element.koCss().panel && element.koCss().panel.requiredText), text: element.requiredText, attr: { 'aria-hidden': true }" class="sd-question__required-text"
aria-hidden="true">*</span>
<!-- /ko -->
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasTitleActions --><!-- /ko --><!-- /ko -->
</h5><!-- /ko --><!-- /ko -->
<!-- ko v-if: $data.hasDescriptionUnderTitle -->
<div data-bind="visible: question.hasDescriptionUnderTitle, css: $data.cssDescription" class="sd-description sd-question__description">
<!-- ko template: { name: 'survey-string', data: $data.locDescription } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml"></span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko component: { name: question.survey.getQuestionContentWrapperComponentName(question), params: { componentData: question.survey.getElementWrapperComponentData(question), templateData: { name: 'survey-question-content', data: question } } } --><!-- ko if: templateData.name -->
<!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div data-bind="visible: !question.isCollapsed, css: question.cssContent" role="presentation" class="sd-question__content">
<!-- ko if: question.showErrorOnTop --><!-- /ko -->
<!-- ko if: question.isDefaultRendering() -->
<!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
<div data-bind="css: question.renderCssRoot" class="sd-selectbase">
<!-- ko component: { name: 'sv-dropdown', params: { question: question } } -->
<div data-bind="css: question.koCss().selectWrapper">
<!-- ko ifnot: question.isReadOnly -->
<div data-bind="css: question.getControlClass(),
click: click,
event: { keydown: keyhandler, blur: blur },
attr: {
id: question.inputId,
required: question.isRequired,
tabindex: model.inputReadOnly ? undefined : 0,
disabled: question.isInputReadOnly,
role: question.ariaRole,
'aria-required': question.ariaRequired,
'aria-label': question.ariaLabel,
'aria-invalid': question.ariaInvalid,
'aria-describedby': question.ariaDescribedBy
}," class="sd-input sd-dropdown sd-dropdown--empty" id="sq_107i" required="true" role="combobox" aria-required="true" aria-label="What's your expected timeline for this project?" aria-invalid="false">
<div data-bind="css: question.koCss().controlValue" class="sd-dropdown__value">
<!-- ko if: question.showInputFieldComponent --><!-- /ko -->
<!-- ko if: question.showSelectedItemLocText --><!-- /ko -->
<input type="text" autocomplete="off" data-bind="
textInput: model.filterString,
css: question.cssClasses.filterStringInput,
attr: {
'aria-label': question.placeholder,
placeholder: question.readOnlyText,
readonly: !model.searchEnabled,
role: model.filterStringEnabled ? question.ariaRole : undefined,
tabindex: model.inputReadOnly ? undefined : -1,
disabled: question.isInputReadOnly,
id: question.getInputId()
},
event: { blur: blur }" class="sd-dropdown__filter-string-input" aria-label="Select..." placeholder="Select..." role="combobox" id="sq_107i_0">
</div>
<!-- ko if: (question.allowClear && question.cssClasses.cleanButtonIconId) -->
<div data-bind="css: question.koCss().cleanButton, click: clear, visible: !question.isEmpty() " class="sd-dropdown_clean-button" style="display: none;">
<!-- ko component: { name: 'sv-svg-icon', params: { css: question.cssClasses.cleanButtonSvg, iconName: question.cssClasses.cleanButtonIconId, size: 'auto', title: question.clearCaption } } --><!-- ko if: hasIcon -->
<svg class="sv-svg-icon sd-dropdown_clean-button-svg" data-bind="css: css, attr: { 'aria-label': title }" role="img" aria-label="Clear">
<use xlink:href="#icon-clear"></use>
<title>Clear</title>
</svg>
<!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
</div>
<!-- ko component: { name: "sv-popup", params: { model: model.popupModel }} -->
<div></div><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
</div><!-- /ko -->
<!-- ko if: question.isOtherSelected --><!-- /ko -->
</div><!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: question.isDefaultRendering() --><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.showErrorOnBottom --><!-- /ko -->
<!-- ko if: question.isErrorsModeTooltip --><!-- /ko -->
<!-- ko if: question.hasDescriptionUnderInput --><!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.showErrorsBelowQuestion --><!-- /ko -->
</div><!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: !row.isNeedRender && question.skeletonComponentName --><!-- /ko -->
</div><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</div>
</div>
<!-- ko if: activePage.rows.length == 0 && $data.emptyPageTemplate --><!-- /ko -->
<!-- /ko -->
<!-- ko if: isShowProgressBarOnBottom && !isShowStartingPage --><!-- /ko -->
<!-- ko if: isNavigationButtonsShowingOnBottom -->
<!-- ko component: { name: 'sv-action-bar', params: { model: navigationBar } } --><!-- ko if: model.hasActions -->
<div data-bind="css: model.getRootCss(), click: handleClick ? function() { return true; } : undefined, clickBubble: handleClick ? false : undefined" class="sd-action-bar sd-footer sd-body__navigation sd-clearfix">
<!-- ko foreach: model.renderedActions -->
<!-- ko component: { name: 'sv-action', params: { item: $data } } --><!-- ko with: $data.item -->
<div data-bind="class: $data.getActionRootCss(), attr: { id: $data.id }" class="sv-action sv-action--hidden" id="sv-nav-start">
<!-- ko ifnot: $data.isEmpty -->
<div class="sv-action__content">
<!-- ko if: $data.needSeparator --><!-- /ko -->
<!-- ko ifnot: $data.template-->
<!-- ko component: { name: $data.component || 'sv-action-bar-item', params: { item: $data } } --><!-- ko with: $data.item -->
<input type="button" data-bind="event: { mousedown: $data.data && $data.data.mouseDown }, value: $data.title, click: $data.action, visible: $data.visible, css: $data.innerCss, disable: $data.disabled" value="Start"
class="sd-btn sd-navigation__start-btn" style="display: none;">
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: $data.template --><!-- /ko -->
</div>
<!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
<!-- ko component: { name: 'sv-action', params: { item: $data } } --><!-- ko with: $data.item -->
<div data-bind="class: $data.getActionRootCss(), attr: { id: $data.id }" class="sv-action sv-action--hidden" id="sv-nav-prev">
<!-- ko ifnot: $data.isEmpty -->
<div class="sv-action__content">
<!-- ko if: $data.needSeparator --><!-- /ko -->
<!-- ko ifnot: $data.template-->
<!-- ko component: { name: $data.component || 'sv-action-bar-item', params: { item: $data } } --><!-- ko with: $data.item -->
<input type="button" data-bind="event: { mousedown: $data.data && $data.data.mouseDown }, value: $data.title, click: $data.action, visible: $data.visible, css: $data.innerCss, disable: $data.disabled" value="Previous"
class="sd-btn sd-navigation__prev-btn" style="display: none;">
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: $data.template --><!-- /ko -->
</div>
<!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
<!-- ko component: { name: 'sv-action', params: { item: $data } } --><!-- ko with: $data.item -->
<div data-bind="class: $data.getActionRootCss(), attr: { id: $data.id }" class="sv-action" id="sv-nav-next">
<!-- ko ifnot: $data.isEmpty -->
<div class="sv-action__content">
<!-- ko if: $data.needSeparator --><!-- /ko -->
<!-- ko ifnot: $data.template-->
<!-- ko component: { name: $data.component || 'sv-action-bar-item', params: { item: $data } } --><!-- ko with: $data.item -->
<input type="button" data-bind="event: { mousedown: $data.data && $data.data.mouseDown }, value: $data.title, click: $data.action, visible: $data.visible, css: $data.innerCss, disable: $data.disabled" value="Next"
class="sd-btn sd-navigation__next-btn">
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: $data.template --><!-- /ko -->
</div>
<!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
<!-- ko component: { name: 'sv-action', params: { item: $data } } --><!-- ko with: $data.item -->
<div data-bind="class: $data.getActionRootCss(), attr: { id: $data.id }" class="sv-action sv-action--hidden" id="sv-nav-preview">
<!-- ko ifnot: $data.isEmpty -->
<div class="sv-action__content">
<!-- ko if: $data.needSeparator --><!-- /ko -->
<!-- ko ifnot: $data.template-->
<!-- ko component: { name: $data.component || 'sv-action-bar-item', params: { item: $data } } --><!-- ko with: $data.item -->
<input type="button" data-bind="event: { mousedown: $data.data && $data.data.mouseDown }, value: $data.title, click: $data.action, visible: $data.visible, css: $data.innerCss, disable: $data.disabled" value="Preview"
class="sd-btn sd-navigation__preview-btn" style="display: none;">
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: $data.template --><!-- /ko -->
</div>
<!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
<!-- ko component: { name: 'sv-action', params: { item: $data } } --><!-- ko with: $data.item -->
<div data-bind="class: $data.getActionRootCss(), attr: { id: $data.id }" class="sv-action sv-action--hidden" id="sv-nav-complete">
<!-- ko ifnot: $data.isEmpty -->
<div class="sv-action__content">
<!-- ko if: $data.needSeparator --><!-- /ko -->
<!-- ko ifnot: $data.template-->
<!-- ko component: { name: $data.component || 'sv-action-bar-item', params: { item: $data } } --><!-- ko with: $data.item -->
<input type="button" data-bind="event: { mousedown: $data.data && $data.data.mouseDown }, value: $data.title, click: $data.action, visible: $data.visible, css: $data.innerCss, disable: $data.disabled" value="Complete"
class="sd-btn sd-btn--action sd-navigation__complete-btn" style="display: none;">
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: $data.template --><!-- /ko -->
</div>
<!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
<!--/ko-->
</div>
<!--/ko-->
<!-- /ko -->
<!-- /ko -->
</div>
<!-- ko if: isTimerPanelShowingOnBottom && !isShowStartingPage --><!-- /ko -->
<!-- /ko -->
<!-- ko if: state == "completed" && showCompletedPage --><!-- /ko -->
<!-- ko if: state == "completedbefore" --><!-- /ko -->
<!-- ko if: state == "loading" --><!-- /ko -->
<!-- ko if: state == "empty" --><!-- /ko -->
</div>
</form>Text Content
GET A QUICK QUOTE FOR CRM GYDE365 CRM BUDGETING TOOL * Your Business * Marketing * Sales * Customer Service * Field Service * Contact Information ABOUT YOUR BUSINESS Tell us a bit of background on your business 1. WHAT INDUSTRY ARE YOU IN? * Clear 2. HOW MANY EMPLOYEES ARE THERE IN YOUR ORGANISATION? * 3. WHAT IS YOUR PRIMARY REGION OF OPERATION? * Clear 4. DO YOU OPERATE IN MULTIPLE REGIONS? * No Yes 5. WHAT IS YOUR ANNUAL REVENUE? * Clear 6. WHY ARE YOU LOOKING FOR A NEW SYSTEM? * Please select as many options as are relevant Improve Customer Service and Customer experience Improve Field Service delivery for my Customers Improve Marketing Campaigns and the Management thereof Improve my Organisation's Sales capability and the tracking of Leads and Opportunities Personalise Marketing interaction with prospective (and existing) Customers Track, Measure and Improve performance of my Customer Engagement functions Other (describe) 7. WHAT IS YOUR BUDGET FOR THE PROJECT? * Clear 8. WHAT'S YOUR EXPECTED TIMELINE FOR THIS PROJECT? * Clear GYDE365 by Seer 365 No data to display * Construction * Distribution * Education * Energy/Utilities * Engineering * Finance, Accounting and Insurance * Food and Beverage * Government/Public Sector * Health and Beauty * Manufacturing - Discrete * Manufacturing - Process * Media/Publishing * Not For Profit * Professional or Other Services * Retail * Technology/IT Products & Services * Other No data to display * North America * Europe * Africa * Asia * Middle East * South America * Australasia No data to display * Less than R25 million * Between R25 million and R100 million * Between R100 million and R250 million * More than R250 million No data to display * Less than R5 million * Between R5 million and R10 million * Greater than R10 million No data to display * 1 to 3 months * 4 to 6 months * 6 to 9 months * 9+ months