industrietop.fti.vlaanderen
Open in
urlscan Pro
95.85.36.7
Public Scan
URL:
https://industrietop.fti.vlaanderen/events/industrietop/orders/f7b5f6d0-df0c-4278-82ff-c96164098d07/confirmation
Submission Tags: falconsandbox
Submission: On March 07 via api from US — Scanned from NL
Submission Tags: falconsandbox
Submission: On March 07 via api from US — Scanned from NL
Form analysis 1 forms found in the DOM
<form onsubmit="return false;">
<div class="sv_custom_header" data-bind="visible: !hasLogo"></div>
<div data-bind="css: containerCss" class="sd-container-modern">
<!-- ko if: headerView === 'basic' -->
<!-- ko template: { name: koTitleTemplate, afterRender: koAfterRenderHeader } -->
<!-- ko if: renderedHasHeader --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko component: { name: "sv-components-container", params: { survey: $data, container: "header", needRenderWrapper: false } } --><!-- ko if: components.length > 0 --><!-- /ko --><!-- /ko -->
<!-- ko if: isShowingPage -->
<div data-bind="css: $data.bodyContainerCss" class="sv-components-row">
<!-- ko component: { name: "sv-components-container", params: { survey: $data, container: "left" } } --><!-- ko if: components.length > 0 --><!-- /ko --><!-- /ko -->
<div class="sv-components-column sv-components-column--expandable">
<!-- ko component: { name: "sv-components-container", params: { survey: $data, container: "center" } } --><!-- ko if: components.length > 0 --><!-- /ko --><!-- /ko -->
<div data-bind="css: bodyCss, style:{maxWidth: renderedWidth}, attr: { id: activePage ? activePage.id : '' }" class="sd-body sd-body--responsive" id="sp_100">
<!-- ko component: { name: "sv-components-container", params: { survey: $data, container: "contentTop" } } --><!-- ko if: components.length > 0 --><!-- /ko --><!-- /ko -->
<!-- ko if: activePage -->
<!-- ko template: { name: 'survey-page', data: activePage, afterRender: koAfterRenderPage } -->
<div data-bind="css: cssRoot" class="sd-page sd-body__page sd-page__empty-header">
<!-- ko component: { name: 'survey-element-title', params: {element: $data } } --><!-- ko if: element.hasTitle --><!-- /ko --><!-- /ko -->
<!-- ko if: _showDescription--><!-- /ko -->
<!-- ko template: { name: 'survey-question-errors', data: $data, as: 'question' } -->
<!-- ko if: hasVisibleErrors --><!-- /ko -->
<!-- /ko -->
<!-- ko template: { name: 'survey-rows', data: $data} -->
<!-- ko foreach: { data: rows, as: 'row'} -->
<!-- ko if: row.visible --><!-- /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-row--compact 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.cssClasses.questionWrapper, style: $data.rootStyle" style="flex: 1 1 100%; min-width: min(100%, 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.getRootCss(), style: question.getRootStyle(), attr: { id: question.id, 'data-name': question.name, role: question.ariaRole, 'aria-required': question.ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-labelledby': question.ariaLabelledBy, 'aria-describedby':question.ariaDescribedBy, 'aria-expanded': question.ariaExpanded}"
class="sd-question sd-row__question sd-question--html" id="sq_101" data-name="description">
<!-- ko if: question.showErrorsAboveQuestion -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<!-- ko if: hasVisibleErrors --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasTitleOnLeftTop --><!-- /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, event: {focusin: question.focusIn }" 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="html: question.locHtml.koRenderedHtml, css: question.cssClasses.root" class="sd-html">
<p> Op zaterdag <strong>23 maart</strong> geven de vier industriefederaties – Agoria, essenscia, Fedustria en Fevia – samen met de Vlaamse Regering de aftrap van het slotfestival van Flanders Technology & Innovation met de
<strong>allereerste Vlaamse industrietop</strong>. We voorzien boeiende panelgesprekken met captains of industry, inspirerende sprekers en een prikkelende blik op de toekomst. <strong>Daar willen we u uiteraard graag bij
hebben.</strong> Om mee de schouders te zetten onder een sterk Vlaanderen met een sterke industrie als ruggengraat van een open en innovatieve economie. Want een ambitieus en strategisch industrieel beleid zal nodig zijn
gezien de vele uitdagingen waar onze industrie vandaag mee te kampen heeft. Op die uitdagingen moeten we een antwoord bieden. Dat zullen we. Een eerste aanzet wordt alvast gegeven op 23 maart, want dan presenteren de
industriefederaties en de Vlaamse Regering een blauwdruk met concrete engagementen om in Vlaanderen een ambitieus en duurzaam industrieel beleid te voeren. </p>
<br>
<br>
<p style="text-align: center;">
<strong>Datum: zaterdag 23 maart 2024</strong>
</p>
<p style="text-align: center;">
<strong>Van 10u30 tot 12u30, deuren open om 09u30</strong>
</p>
<p style="text-align: center;">
<strong>Locatie: Lotto Arena, (Schijnpoortweg 119, 2170 Antwerpen) </strong>
</p>
<br>
<br>
<table style="width: 100%;">
<thead>
</thead>
<tbody>
<tr>
<td>Jan Jambon</td>
<td>Jo Brouns</td>
</tr>
<tr>
<td>Vlaams minister-president</td>
<td>Vlaamse minister van Werk, </td>
</tr>
<tr>
<td></td>
<td>Economie, Innovatie & Landbouw</td>
</tr>
</tbody>
</table>
</div><!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: question.isDefaultRendering() --><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.showErrorOnBottom --><!-- /ko -->
<!-- ko if: question.hasDescriptionUnderInput --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /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-row--compact 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.cssClasses.questionWrapper, style: $data.rootStyle" style="flex: 1 1 100%; min-width: min(100%, 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.getRootCss(), style: question.getRootStyle(), attr: { id: question.id, 'data-name': question.name, role: question.ariaRole, 'aria-required': question.ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-labelledby': question.ariaLabelledBy, 'aria-describedby':question.ariaDescribedBy, 'aria-expanded': question.ariaExpanded}"
class="sd-element sd-question sd-row__question sd-question--answered" id="sq_102" data-name="rsvp">
<!-- ko if: question.showErrorsAboveQuestion -->
<!-- ko template: { name: 'survey-question-errors', data: question } -->
<!-- ko if: hasVisibleErrors --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasTitleOnLeftTop --><!-- /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, event: {focusin: question.focusIn }" 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(), attr: { 'role': question.a11y_input_ariaRole, 'aria-required': question.a11y_input_ariaRequired, 'aria-labelledby': question.a11y_input_ariaLabelledBy, 'aria-describedby': question.a11y_input_ariaDescribedBy, 'aria-invalid': question.a11y_input_ariaInvalid, 'aria-errormessage': question.a11y_input_ariaErrormessage, 'aria-label': question.a11y_input_ariaLabel }"
class="sd-selectbase" role="radiogroup" aria-required="true" aria-invalid="false" aria-label="Kan je aanwezig zijn?">
<!-- 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($data)" class="sd-item sd-radio sd-selectbase__item sv-q-col-1 sd-item--allowhover sd-radio--allowhover">
<label data-bind="css: question.getLabelClass($data), event: { mousedown: question.koMouseDown }" class="sd-selectbase__label">
<input type="radio"
data-bind="attr: { name: question.questionName, id: question.getItemId($data), 'aria-errormessage': question.ariaErrormessage }, checkedValue: $data.value, checked: question.renderedValue, enable: question.getItemEnabled($data), css: question.cssClasses.itemControl"
name="rsvp_sq_102" id="sq_102i_0" value="yes" class="sd-visuallyhidden sd-item__control sd-radio__control">
<!-- ko if: question.cssClasses.materialDecorator -->
<span data-bind="css: question.cssClasses.materialDecorator" class="sd-item__decorator sd-radio__decorator">
<!-- ko if: question.itemSvgIcon --><!-- /ko -->
</span>
<!-- /ko -->
<!-- ko if: !$data.hideCaption -->
<span data-bind="css: question.getControlLabelClass($data)" class="sd-item__control-label">
<!-- ko template: { name: 'survey-string', data: $data.locText } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml, css: {'sv-string-viewer--multiline': locString.allowLineBreaks}">Ja, ik zal op 23 maart aanwezig zijn op de Industrietop.</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
</span>
<!-- /ko -->
</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($data)" class="sd-item sd-radio sd-selectbase__item sv-q-col-1 sd-item--allowhover sd-radio--allowhover">
<label data-bind="css: question.getLabelClass($data), event: { mousedown: question.koMouseDown }" class="sd-selectbase__label">
<input type="radio"
data-bind="attr: { name: question.questionName, id: question.getItemId($data), 'aria-errormessage': question.ariaErrormessage }, checkedValue: $data.value, checked: question.renderedValue, enable: question.getItemEnabled($data), css: question.cssClasses.itemControl"
name="rsvp_sq_102" id="sq_102i_1" value="no" class="sd-visuallyhidden sd-item__control sd-radio__control">
<!-- ko if: question.cssClasses.materialDecorator -->
<span data-bind="css: question.cssClasses.materialDecorator" class="sd-item__decorator sd-radio__decorator">
<!-- ko if: question.itemSvgIcon --><!-- /ko -->
</span>
<!-- /ko -->
<!-- ko if: !$data.hideCaption -->
<span data-bind="css: question.getControlLabelClass($data)" class="sd-item__control-label">
<!-- ko template: { name: 'survey-string', data: $data.locText } -->
<!-- ko component: { name: renderAs, params: { locString: renderAsData } } --><!-- ko ifnot: locString.koHasHtml -->
<span class="sv-string-viewer" data-bind="text: locString.koRenderedHtml, css: {'sv-string-viewer--multiline': locString.allowLineBreaks}">Nee, ik kan niet aanwezig zijn.</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
</span>
<!-- /ko -->
</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 -->
<!-- ko if: question.showClearButtonInContent --><!-- /ko -->
</fieldset><!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: question.isDefaultRendering() --><!-- /ko -->
<!-- ko if: question.hasComment --><!-- /ko -->
<!-- ko if: question.showErrorOnBottom --><!-- /ko -->
<!-- ko if: question.hasDescriptionUnderInput --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /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-row--compact sd-page__row sd-row--multiple">
<!-- ko template: { name: "survey-row-content", afterRender: row.rowAfterRender } -->
<!-- ko foreach: { data: row.visibleElements, as: 'question', afterRender: row.koAfterRender } -->
<div data-bind="css: question.cssClasses.questionWrapper, style: $data.rootStyle" style="flex: 1 1 50%; min-width: min(100%, 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.getRootCss(), style: question.getRootStyle(), attr: { id: question.id, 'data-name': question.name, role: question.ariaRole, 'aria-required': question.ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-labelledby': question.ariaLabelledBy, 'aria-describedby':question.ariaDescribedBy, 'aria-expanded': question.ariaExpanded}"
class="sd-element sd-question sd-row__question sd-question--title-top sd-row__question--small sd-question--answered" id="sq_103" data-name="firstname">
<!-- 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: function(m, e) { if(question.clickTitleFunction) return question.clickTitleFunction(e); }"
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: { id: element.ariaTitleId, tabindex: element.titleTabIndex, 'aria-expanded': element.titleAriaExpanded, role: element.titleAriaRole }"
class="sd-title sd-element__title sd-question__title sd-question__title--required sd-question__title--answer" id="sq_103_ariaTitle">
<!-- 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 --><!-- /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 sv-string-viewer--multiline" data-bind="text: locString.koRenderedHtml, css: {'sv-string-viewer--multiline': locString.allowLineBreaks}">Voornaam</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.isRequireTextAfterTitle -->
<span> </span>
<span data-bind="css: element.cssClasses.requiredText || (element.cssClasses.panel && element.cssClasses.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 if: $data.hasDescriptionUnderTitle --><!-- /ko -->
<!-- ko if: !!$data.additionalTitleToolbar --><!-- /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, event: {focusin: question.focusIn }" role="presentation" class="sd-text__content 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.a11y_input_ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-label': question.a11y_input_ariaLabel, 'aria-labelledby': question.a11y_input_ariaLabelledBy, 'aria-describedby': question.a11y_input_ariaDescribedBy, 'aria-invalid': question.a11y_input_ariaInvalid, 'aria-errormessage': question.a11y_input_ariaErrormessage, autocomplete: question.autocomplete, list:question.dataListId },
event: { keydown: koOnKeyDown, keyup: koOnKeyUp, change: koOnChange, compositionupdate: koOnCompositeUpdate, blur: koOnBlur, focus: koOnFocus },
value: question.koReadOnlyValue,
css: question.getControlClass()" type="text" id="sq_103i" placeholder="" aria-required="true" aria-invalid="false" aria-labelledby="sq_103_ariaTitle" aria-describedby="sq_103_ariaDescription" class="sd-input sd-text">
<!--ko if: question.getMaxLength() --><!--/ko-->
<!-- /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.hasDescriptionUnderInput --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
<!-- ko if: question.showErrorsBelowQuestion --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: !row.isNeedRender && question.skeletonComponentName --><!-- /ko -->
</div>
<div data-bind="css: question.cssClasses.questionWrapper, style: $data.rootStyle" style="flex: 1 1 50%; min-width: min(100%, 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.getRootCss(), style: question.getRootStyle(), attr: { id: question.id, 'data-name': question.name, role: question.ariaRole, 'aria-required': question.ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-labelledby': question.ariaLabelledBy, 'aria-describedby':question.ariaDescribedBy, 'aria-expanded': question.ariaExpanded}"
class="sd-element sd-question sd-row__question sd-question--title-top sd-row__question--small sd-question--answered" id="sq_104" data-name="lastname">
<!-- 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: function(m, e) { if(question.clickTitleFunction) return question.clickTitleFunction(e); }"
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: { id: element.ariaTitleId, tabindex: element.titleTabIndex, 'aria-expanded': element.titleAriaExpanded, role: element.titleAriaRole }"
class="sd-title sd-element__title sd-question__title sd-question__title--required sd-question__title--answer" id="sq_104_ariaTitle">
<!-- 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 --><!-- /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 sv-string-viewer--multiline" data-bind="text: locString.koRenderedHtml, css: {'sv-string-viewer--multiline': locString.allowLineBreaks}">Achternaam</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.isRequireTextAfterTitle -->
<span> </span>
<span data-bind="css: element.cssClasses.requiredText || (element.cssClasses.panel && element.cssClasses.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 if: $data.hasDescriptionUnderTitle --><!-- /ko -->
<!-- ko if: !!$data.additionalTitleToolbar --><!-- /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, event: {focusin: question.focusIn }" role="presentation" class="sd-text__content 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.a11y_input_ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-label': question.a11y_input_ariaLabel, 'aria-labelledby': question.a11y_input_ariaLabelledBy, 'aria-describedby': question.a11y_input_ariaDescribedBy, 'aria-invalid': question.a11y_input_ariaInvalid, 'aria-errormessage': question.a11y_input_ariaErrormessage, autocomplete: question.autocomplete, list:question.dataListId },
event: { keydown: koOnKeyDown, keyup: koOnKeyUp, change: koOnChange, compositionupdate: koOnCompositeUpdate, blur: koOnBlur, focus: koOnFocus },
value: question.koReadOnlyValue,
css: question.getControlClass()" type="text" id="sq_104i" placeholder="" aria-required="true" aria-invalid="false" aria-labelledby="sq_104_ariaTitle" aria-describedby="sq_104_ariaDescription" class="sd-input sd-text">
<!--ko if: question.getMaxLength() --><!--/ko-->
<!-- /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.hasDescriptionUnderInput --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /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-row--compact sd-page__row sd-row--multiple">
<!-- ko template: { name: "survey-row-content", afterRender: row.rowAfterRender } -->
<!-- ko foreach: { data: row.visibleElements, as: 'question', afterRender: row.koAfterRender } -->
<div data-bind="css: question.cssClasses.questionWrapper, style: $data.rootStyle" style="flex: 1 1 50%; min-width: min(100%, 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.getRootCss(), style: question.getRootStyle(), attr: { id: question.id, 'data-name': question.name, role: question.ariaRole, 'aria-required': question.ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-labelledby': question.ariaLabelledBy, 'aria-describedby':question.ariaDescribedBy, 'aria-expanded': question.ariaExpanded}"
class="sd-element sd-question sd-row__question sd-question--title-top sd-row__question--small" id="sq_105" data-name="company">
<!-- 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: function(m, e) { if(question.clickTitleFunction) return question.clickTitleFunction(e); }"
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: { id: element.ariaTitleId, tabindex: element.titleTabIndex, 'aria-expanded': element.titleAriaExpanded, role: element.titleAriaRole }"
class="sd-title sd-element__title sd-question__title sd-question__title--required" id="sq_105_ariaTitle"><!-- 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 --><!-- /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 sv-string-viewer--multiline" data-bind="text: locString.koRenderedHtml, css: {'sv-string-viewer--multiline': locString.allowLineBreaks}">Bedrijf of organisatie</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.isRequireTextAfterTitle -->
<span> </span>
<span data-bind="css: element.cssClasses.requiredText || (element.cssClasses.panel && element.cssClasses.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 if: $data.hasDescriptionUnderTitle --><!-- /ko -->
<!-- ko if: !!$data.additionalTitleToolbar --><!-- /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, event: {focusin: question.focusIn }" role="presentation" class="sd-text__content 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.a11y_input_ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-label': question.a11y_input_ariaLabel, 'aria-labelledby': question.a11y_input_ariaLabelledBy, 'aria-describedby': question.a11y_input_ariaDescribedBy, 'aria-invalid': question.a11y_input_ariaInvalid, 'aria-errormessage': question.a11y_input_ariaErrormessage, autocomplete: question.autocomplete, list:question.dataListId },
event: { keydown: koOnKeyDown, keyup: koOnKeyUp, change: koOnChange, compositionupdate: koOnCompositeUpdate, blur: koOnBlur, focus: koOnFocus },
value: question.koReadOnlyValue,
css: question.getControlClass()" type="text" id="sq_105i" placeholder="" aria-required="true" aria-invalid="false" aria-labelledby="sq_105_ariaTitle" aria-describedby="sq_105_ariaDescription" class="sd-input sd-text">
<!--ko if: question.getMaxLength() --><!--/ko-->
<!-- /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.hasDescriptionUnderInput --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
<!-- ko if: question.showErrorsBelowQuestion --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: !row.isNeedRender && question.skeletonComponentName --><!-- /ko -->
</div>
<div data-bind="css: question.cssClasses.questionWrapper, style: $data.rootStyle" style="flex: 1 1 50%; min-width: min(100%, 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.getRootCss(), style: question.getRootStyle(), attr: { id: question.id, 'data-name': question.name, role: question.ariaRole, 'aria-required': question.ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-labelledby': question.ariaLabelledBy, 'aria-describedby':question.ariaDescribedBy, 'aria-expanded': question.ariaExpanded}"
class="sd-element sd-question sd-row__question sd-question--title-top sd-row__question--small" id="sq_106" data-name="federatie" role="combobox" aria-required="true" aria-invalid="false" aria-labelledby="sq_106_ariaTitle"
aria-describedby="sq_106_ariaDescription" aria-expanded="false">
<!-- 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: function(m, e) { if(question.clickTitleFunction) return question.clickTitleFunction(e); }"
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: element.titleAriaRole }"
class="sd-title sd-element__title sd-question__title sd-question__title--required" aria-label="Federatie" id="sq_106_ariaTitle">
<!-- 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 --><!-- /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 sv-string-viewer--multiline" data-bind="text: locString.koRenderedHtml, css: {'sv-string-viewer--multiline': locString.allowLineBreaks}">Federatie</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.isRequireTextAfterTitle -->
<span> </span>
<span data-bind="css: element.cssClasses.requiredText || (element.cssClasses.panel && element.cssClasses.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 if: $data.hasDescriptionUnderTitle --><!-- /ko -->
<!-- ko if: !!$data.additionalTitleToolbar --><!-- /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, event: {focusin: question.focusIn }" 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.cssClasses.selectWrapper, click: click" class="sv-dropdown_select-wrapper">
<!-- ko ifnot: question.isReadOnly -->
<div data-bind="css: question.getControlClass(),
event: { keydown: keyhandler, blur: blur },
attr: {
id: question.inputId,
required: question.isRequired,
tabindex: model.noTabIndex ? undefined : 0,
disabled: question.isInputReadOnly,
role: question.ariaRole,
'aria-required': question.ariaRequired,
'aria-label': question.ariaLabel,
'aria-invalid': question.ariaInvalid,
'aria-errormessage': question.ariaErrormessage,
'aria-expanded': question.ariaExpanded,
'aria-controls': model.listElementId,
'aria-activedescendant': model.ariaActivedescendant,
}," class="sd-input sd-dropdown sd-dropdown--empty" id="sq_106i" required="true" role="combobox" aria-required="true" aria-label="Federatie" aria-invalid="false" aria-expanded="false" aria-controls="sq_106i_list">
<!-- ko if: model.showHintPrefix --><!-- /ko -->
<div data-bind="css: question.cssClasses.controlValue" class="sd-dropdown__value">
<!-- ko if: model.showHintString --><!-- /ko -->
<!-- ko if: question.showInputFieldComponent --><!-- /ko -->
<!-- ko if: question.showSelectedItemLocText --><!-- /ko -->
<input type="text" autocomplete="off" data-bind="
textInput: model.inputStringRendered,
css: question.cssClasses.filterStringInput,
attr: {
'aria-expanded': question.ariaExpanded,
'aria-controls': model.listElementId,
'aria-activedescendant': model.ariaActivedescendant,
'aria-label': question.a11y_input_ariaLabel,
'aria-labelledby': question.a11y_input_ariaLabelledBy,
'aria-describedby': question.a11y_input_ariaDescribedBy,
placeholder: model.placeholderRendered,
readonly: model.filterReadOnly || undefined,
role: model.filterStringEnabled ? question.ariaRole : undefined,
tabindex: model.noTabIndex ? undefined : -1,
disabled: question.isInputReadOnly,
id: question.getInputId(),
inputmode: model.inputMode
},
event: { blur: blur, focus: focus }" class="sd-dropdown__filter-string-input" aria-expanded="false" aria-controls="sq_106i_list" aria-labelledby="sq_106_ariaTitle" aria-describedby="sq_106_ariaDescription" placeholder="Select..."
readonly="true" role="combobox" id="sq_106i_0" inputmode="text">
</div>
<!-- ko if: (question.allowClear && question.cssClasses.cleanButtonIconId) -->
<div data-bind="css: question.cssClasses.cleanButton, click: clear, visible: question.showClearButton" aria-hidden="true" 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" role="img">
<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>
<!-- ko with: popupViewModel -->
<div class="sv-popup sv-dropdown-popup sv-single-select-list sv-popup--dropdown" tabindex="-1"
data-bind="visible: isVisible, click: function(data, event) { clickOutside(event); return true; }, class: styleClass, event: { keydown: function(data, event) { onKeyDown(event); return true; } }" style="display: none;">
<div class="sv-popup__container" data-bind="style: { left: left, top: top, height: height, minWidth: minWidth, width: width }, click: function() { return true; }, clickBubble: false"
style="left: 0px; top: 0px; height: auto; min-width: auto; width: auto;">
<div class="sv-popup__shadow">
<!-- ko if: $data.showHeader --><!-- /ko -->
<div class="sv-popup__body-content">
<!-- ko if: !!title --><!-- /ko -->
<div class="sv-popup__scrolling-content">
<div class="sv-popup__content" data-bind="component: { name: contentComponentName, params: contentComponentData }">
<div data-bind="css: model.cssClasses.root" class="sv-list__container sd-list">
<!-- ko if: $data.model.showFilter --><!-- /ko -->
<div data-bind="css: model.cssClasses.emptyContainer, visible: $data.model.isEmpty" class="sv-list__empty-container" style="display: none;">
<div data-bind="css: model.cssClasses.emptyText, text: model.emptyMessage, attr: { 'aria-label': model.emptyMessage }" class="sv-list__empty-text" aria-label="No data to display">No data to display</div>
</div>
<!-- ko if: $data.model.renderElements --><!-- /ko -->
</div>
</div>
</div>
<!-- ko if: showFooter --><!-- /ko -->
</div>
</div>
</div>
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: question.isReadOnly --><!-- /ko -->
<!-- ko if: question.cssClasses.chevronButtonIconId -->
<div data-bind="css: question.cssClasses.chevronButton, event: {pointerdown: chevronPointerDown}" aria-hidden="true" class="sd-dropdown_chevron-button">
<!-- ko component: { name: 'sv-svg-icon', params: { css: question.cssClasses.chevronButtonSvg, iconName: question.cssClasses.chevronButtonIconId, size: 'auto' } } --><!-- ko if: hasIcon -->
<svg class="sv-svg-icon sd-dropdown_chevron-button-svg" data-bind="css: css" role="img">
<use xlink:href="#icon-chevron"></use>
</svg>
<!-- /ko -->
<!-- /ko -->
</div>
<!-- /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.hasDescriptionUnderInput --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /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 -->
<!-- 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-row--compact sd-page__row sd-row--multiple">
<!-- ko template: { name: "survey-row-content", afterRender: row.rowAfterRender } -->
<!-- ko foreach: { data: row.visibleElements, as: 'question', afterRender: row.koAfterRender } -->
<div data-bind="css: question.cssClasses.questionWrapper, style: $data.rootStyle" style="flex: 1 1 50%; min-width: min(100%, 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.getRootCss(), style: question.getRootStyle(), attr: { id: question.id, 'data-name': question.name, role: question.ariaRole, 'aria-required': question.ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-labelledby': question.ariaLabelledBy, 'aria-describedby':question.ariaDescribedBy, 'aria-expanded': question.ariaExpanded}"
class="sd-element sd-question sd-row__question sd-question--title-top sd-row__question--small sd-question--answered" id="sq_108" data-name="email">
<!-- 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: function(m, e) { if(question.clickTitleFunction) return question.clickTitleFunction(e); }"
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: { id: element.ariaTitleId, tabindex: element.titleTabIndex, 'aria-expanded': element.titleAriaExpanded, role: element.titleAriaRole }"
class="sd-title sd-element__title sd-question__title sd-question__title--required sd-question__title--answer" id="sq_108_ariaTitle">
<!-- 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 --><!-- /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 sv-string-viewer--multiline" data-bind="text: locString.koRenderedHtml, css: {'sv-string-viewer--multiline': locString.allowLineBreaks}">E-mailadres</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.isRequireTextAfterTitle -->
<span> </span>
<span data-bind="css: element.cssClasses.requiredText || (element.cssClasses.panel && element.cssClasses.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 if: $data.hasDescriptionUnderTitle --><!-- /ko -->
<!-- ko if: !!$data.additionalTitleToolbar --><!-- /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, event: {focusin: question.focusIn }" role="presentation" class="sd-text__content 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.a11y_input_ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-label': question.a11y_input_ariaLabel, 'aria-labelledby': question.a11y_input_ariaLabelledBy, 'aria-describedby': question.a11y_input_ariaDescribedBy, 'aria-invalid': question.a11y_input_ariaInvalid, 'aria-errormessage': question.a11y_input_ariaErrormessage, autocomplete: question.autocomplete, list:question.dataListId },
event: { keydown: koOnKeyDown, keyup: koOnKeyUp, change: koOnChange, compositionupdate: koOnCompositeUpdate, blur: koOnBlur, focus: koOnFocus },
value: question.koReadOnlyValue,
css: question.getControlClass()" type="text" id="sq_108i" placeholder="" aria-required="true" aria-invalid="false" aria-labelledby="sq_108_ariaTitle" aria-describedby="sq_108_ariaDescription" class="sd-input sd-text">
<!--ko if: question.getMaxLength() --><!--/ko-->
<!-- /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.hasDescriptionUnderInput --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
<!-- ko if: question.showErrorsBelowQuestion --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: !row.isNeedRender && question.skeletonComponentName --><!-- /ko -->
</div>
<div data-bind="css: question.cssClasses.questionWrapper, style: $data.rootStyle" style="flex: 1 1 50%; min-width: min(100%, 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.getRootCss(), style: question.getRootStyle(), attr: { id: question.id, 'data-name': question.name, role: question.ariaRole, 'aria-required': question.ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-labelledby': question.ariaLabelledBy, 'aria-describedby':question.ariaDescribedBy, 'aria-expanded': question.ariaExpanded}"
class="sd-element sd-question sd-row__question sd-question--title-top sd-row__question--small" id="sq_109" data-name="email_confirmation">
<!-- 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: function(m, e) { if(question.clickTitleFunction) return question.clickTitleFunction(e); }"
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: { id: element.ariaTitleId, tabindex: element.titleTabIndex, 'aria-expanded': element.titleAriaExpanded, role: element.titleAriaRole }"
class="sd-title sd-element__title sd-question__title sd-question__title--required" id="sq_109_ariaTitle"><!-- 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 --><!-- /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 sv-string-viewer--multiline" data-bind="text: locString.koRenderedHtml, css: {'sv-string-viewer--multiline': locString.allowLineBreaks}">E-mail bevestiging</span>
<!-- /ko -->
<!-- ko if: locString.koHasHtml --><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: element.isRequireTextAfterTitle -->
<span> </span>
<span data-bind="css: element.cssClasses.requiredText || (element.cssClasses.panel && element.cssClasses.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 if: $data.hasDescriptionUnderTitle --><!-- /ko -->
<!-- ko if: !!$data.additionalTitleToolbar --><!-- /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, event: {focusin: question.focusIn }" role="presentation" class="sd-text__content 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.a11y_input_ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-label': question.a11y_input_ariaLabel, 'aria-labelledby': question.a11y_input_ariaLabelledBy, 'aria-describedby': question.a11y_input_ariaDescribedBy, 'aria-invalid': question.a11y_input_ariaInvalid, 'aria-errormessage': question.a11y_input_ariaErrormessage, autocomplete: question.autocomplete, list:question.dataListId },
event: { keydown: koOnKeyDown, keyup: koOnKeyUp, change: koOnChange, compositionupdate: koOnCompositeUpdate, blur: koOnBlur, focus: koOnFocus },
value: question.koReadOnlyValue,
css: question.getControlClass()" type="text" id="sq_109i" placeholder="" aria-required="true" aria-invalid="false" aria-labelledby="sq_109_ariaTitle" aria-describedby="sq_109_ariaDescription" class="sd-input sd-text">
<!--ko if: question.getMaxLength() --><!--/ko-->
<!-- /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.hasDescriptionUnderInput --><!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
<!-- ko if: question.hasTitleOnBottom --><!-- /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>
<!-- /ko -->
<!-- ko if: activePage.rows.length == 0 && $data.emptyPageTemplate --><!-- /ko -->
<!-- /ko -->
<!-- ko component: { name: "sv-components-container", params: { survey: $data, container: "contentBottom" } } --><!-- ko if: components.length > 0 -->
<!-- ko if: $data.needRenderWrapper -->
<div data-bind="css: css" class="sv-components-column">
<!-- ko foreach: components -->
<!-- ko if: $data.component && !$data.template -->
<!-- ko component: { name: component, params: { survey: $parent.survey, model: $data.data, container: $parent.container } } --><!-- 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, attr: { title: $data.getTooltip() }"
value="Start" class="sd-btn sd-navigation__start-btn" title="Start" 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, attr: { title: $data.getTooltip() }"
value="Previous" class="sd-btn sd-navigation__prev-btn" title="Previous" 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-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, attr: { title: $data.getTooltip() }"
value="Next" class="sd-btn sd-navigation__next-btn" title="Next" 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-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, attr: { title: $data.getTooltip() }"
value="Preview" class="sd-btn sd-navigation__preview-btn" title="Preview" 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-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, attr: { title: $data.getTooltip() }"
value="Subscribe" class="sd-btn sd-btn--action sd-navigation__complete-btn" title="Subscribe">
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- ko if: $data.template --><!-- /ko -->
</div>
<!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
<!--/ko-->
</div>
<!--/ko-->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: $data.template --><!-- /ko -->
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko ifnot: $data.needRenderWrapper --><!-- /ko -->
<!-- /ko --><!-- /ko -->
</div>
</div>
<!-- ko component: { name: "sv-components-container", params: { survey: $data, container: "right" } } --><!-- ko if: components.length > 0 --><!-- /ko --><!-- /ko -->
</div>
<!-- /ko -->
<!-- ko component: { name: "sv-components-container", params: { survey: $data, container: "footer", needRenderWrapper: false } } --><!-- ko if: components.length > 0 --><!-- /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
Op zaterdag 23 maart geven de vier industriefederaties – Agoria, essenscia, Fedustria en Fevia – samen met de Vlaamse Regering de aftrap van het slotfestival van Flanders Technology & Innovation met de allereerste Vlaamse industrietop. We voorzien boeiende panelgesprekken met captains of industry, inspirerende sprekers en een prikkelende blik op de toekomst. Daar willen we u uiteraard graag bij hebben. Om mee de schouders te zetten onder een sterk Vlaanderen met een sterke industrie als ruggengraat van een open en innovatieve economie. Want een ambitieus en strategisch industrieel beleid zal nodig zijn gezien de vele uitdagingen waar onze industrie vandaag mee te kampen heeft. Op die uitdagingen moeten we een antwoord bieden. Dat zullen we. Een eerste aanzet wordt alvast gegeven op 23 maart, want dan presenteren de industriefederaties en de Vlaamse Regering een blauwdruk met concrete engagementen om in Vlaanderen een ambitieus en duurzaam industrieel beleid te voeren. Datum: zaterdag 23 maart 2024 Van 10u30 tot 12u30, deuren open om 09u30 Locatie: Lotto Arena, (Schijnpoortweg 119, 2170 Antwerpen) Jan Jambon Jo Brouns Vlaams minister-president Vlaamse minister van Werk, Economie, Innovatie & Landbouw Ja, ik zal op 23 maart aanwezig zijn op de Industrietop. Nee, ik kan niet aanwezig zijn. VOORNAAM * ACHTERNAAM * BEDRIJF OF ORGANISATIE * FEDERATIE * Clear No data to display E-MAILADRES * E-MAIL BEVESTIGING *