Wizard

Wizard header

• Configuration of title
• Width and height if dialog
• Show or not the stepper

<component id="Wizard">
	<properties combine.keys="name">
		<property name="dialog" value="false" />
		<property name="showSteps" value="true" />
		<property name="dialogWidth" value="400" />
		<property name="dialogWidth" value="500" />
		<property name="styleClass" value="ep-non-dialog-wizard,padding-32"/>
		<property name="title" value="WIZARD_LABEL" />
		<property name="description" value="WIZARD_LABEL" />
	</properties>
</component>

A step

<component id="WizardSteps" combine.keys="id">
	<properties combine.keys="name">
		<property name="showSteps" value="true" />
		<property name="displaySelector" value="true" />
		<property name="stepsWrapperStyleClass" value="white-background" />
	</properties>
	<component id="Step1" combine.keys="ref">
		<properties combine.keys="name">
			<property name="displayGroupSelector" value="false" />
			<property name="displayHeader" value="false" />
			<property name="contentLayoutStyleClass" value="white-background" />
			<property name="contentStyleClass" value="wizard-content" />
			<property name="title" value="STEP1_LABEL" />
			<property name="layoutImpl" value="FieldsetVerticalLayout" />
		</properties>

		<component id="ParametersFieldset">
			<component id="GeneralFormBloc">
				<properties combine.keys="name">
					<property name="title" value="GENERAL_LABEL" />
					<property name="upperCase" value="true" />
					<property name="displayHeader" value="true" />
					<property name="mode" value="EDIT" />
				</properties>

				<component id="FormRow">
					<component id="Rows">
						<component ref="GenderAttribute" />
					</component>
				</component>
				<component id="FormRow">
					<component id="Rows">
						<component ref="FirstName" />
						<component ref="LastName" />
					</component>
				</component>
				<component id="FormRow">
					<component id="Rows">
						<component ref="BirthDate" />
						<component ref="BirthPlace" />
					</component>
				</component>
				<!-- <component ref="InputText3" visible-if="SelectTwoAttribute,0" /> -->
		</component>

		<component id="AddressFormBloc">
			<properties combine.keys="name">
				<property name="title" value="LOCATION_LABEL" />
				<property name="upperCase" value="true" />
				<property name="displayHeader" value="true" />
				<property name="mode" value="EDIT" />
			</properties>

			<component id="FormRow">
				<component id="Rows">
					<component ref="AddressStreetAttribute" />
				</component>
			</component>
			<component id="FormRow">
				<component id="Rows">
					<component ref="AddressCityAttribute" />
					<component ref="AddressCountryAttribute" />
				</component>
			</component>
		</component>
	</component>

	<component id="Actions" model="WizardStep1Model" />
</component>

The step action

Declared for each step:

<component id="Actions" model="WizardStep1Model" />

<component id="WizardStep1Model">
	<component id="RootMenuActions">
		<component id="CenterActions">
			<component ref="NextToContactButton" />
		</component>
	</component>
</component>

<component id="WizardStep2Model">
	<component id="RootMenuActions">
		<component id="CenterActions">
			<component ref="BackToInfosButton" />
			<component ref="FinishButton" />
		</component>
	</component>
</component>