Using Wireframe liked to a step of flow of event in doc composer

Hi,

On several step of flow of event, I have linked Wireframe.
Into the doc composer I retrieve, for each step :

  • Index
  • Control (system or other control)
  • Description.
    but I don’t know how retrieve the wireframe.

the DCTL look like :

<IterationBlock modelType="UseCase" >
	<!-- Afficher uniquement les use case renseigne -->
	<ValueChecker property="description" operator="not equals" value="">
		<Property property="name" style="Heading 2"></Property>
		<ParagraphBreak/>			
		<ForEach property="stepContainers">
			<Property property="name"  style="Heading 3"/>
			<ParagraphBreak/>
			<FlowOfEventIterationBlock> <!-- Walk through each step (row) in a scenario -->
				<FlowOfEventIndent/> <!-- Apply proper indentation to the current step. You don't have to specify the level of indentation. It's automatically done for you -->
				<Property property="index" foreColor="#848284"/> <!-- The step number. We set its foreColor to a lighter one to make it looks like how it looks in Visual Paradigm -->
				<ValueChecker property="type" operator="not equals" value="">
					<Text> </Text>
					<ValueChecker property="type" operator="not equals" value="system">
						<Property property="type" foreColor="#00B200"/> <!-- @type here refers to 'control labels' like if, then, elseif -->
			 		</ValueChecker>
					<ValueChecker property="type" operator="equals" value="system">
						<Property property="type" foreColor="#CA6400"/> <!-- @type here refers to SYSTEM -->
					</ValueChecker>
				</ValueChecker>
				<Text> </Text>
				<Property property="name"/> 
				<ParagraphBreak/>					
				<ParagraphBreak/>
			</FlowOfEventIterationBlock>
		</ForEach>
	</ValueChecker>
</IterationBlock>	

Anyone know how do that ?

The example below should demonstrate how you can retrieve the wireframe which linked with your FOE steps. Feel free to contact me for any questions and wish you have a good day!

<?xml version="1.0" encoding="UTF-8"?>
<ElementBaseInitiationBlock>
	
	<!-- Scenarios -->
	<HasValueChecker property="stepContainers">
		<Text style="@heading+">Scenarios</Text>
		<ParagraphBreak/>
		
 <ForEach ignoreLastSeparator="false" property="stepContainers">

        <!-- wireframe -->
        <FlowOfEventIterationBlock ignoreLastSeparator="false" includeExtensions="true" includeSteps="true">

            <FlowOfEventIndent/>
            <Property property="index"/>
            <Text> </Text>
            <DefaultValueChecker flag="false" property="type">
                <Property property="type"/>
                <Text> </Text>
            </DefaultValueChecker>
            <Property property="name"/>
            <ParagraphBreak/>

            <HasValueChecker property="stateStepExtensions">
                <ForEach ignoreLastSeparator="true" property="stateStepExtensions">
                    <ModelElementProperty property="state">
                        <Image alignment="center" keepWithNextInPreview="true" keepWithNextInWord="true" maxHeight="12000"/> <!-- maxHeight=12000 to make it can show 2 wireframe in portrait A4 paper -->
                        <ParagraphBreak/>
                        <ParagraphBreak/> <!-- 2 paragraph break to make sure a empty line can be shown between the images -->
                    </ModelElementProperty>
                </ForEach>
            </HasValueChecker>
        </FlowOfEventIterationBlock>
    </ForEach>		
	</HasValueChecker>
	
</ElementBaseInitiationBlock>

Best regards,
Rain Wong