User Interface Components > Work Instructions Example Implementation > Work Instruction Tile Component
Work Instruction Tile Component
Work instruction tile UX components, including one with the checkmark indicating that the work instruction step has been completed.
The work instruction tile component displays the thumbnail image for a work instruction, its step or sequence number, and a checkmark if the step has been completed. A work instruction is an individual child work definition that is part of a converted process plan.
Mashups and Widgets
The PTC.SCA.SCO.WorkDefinitionStep mashup defines the work instruction tile component.
* 
The PTC.SCA.SCO.WorkDefinitionStep mashup is also used by the PTC.SCA.SCO.WorkDefinitionHorizontalSequentialNavigation mashup.
The PTC.SCA.SCO.WorkDefinitionStep mashup uses the following widgets:
• An Image widget displays the work instruction thumbnail image. The SourceURL property for this widget is bound to the WorkDefinitionThumbnail input parameter.
• A Label widget displays the step or sequence number for the work instruction. The Text property for this widget is bound to the WorkDefinitionStep input parameter.
• Another Image widget displays a checkmark if the work instruction has been completed. The Visible property for this widget is bound to the IsWorkDefinitionCompleted input parameter.
Inputs
The input parameters for the PTC.SCA.SCO.WorkDefinitionStep mashup are:
• WorkDefinitionStep—(STRING) The step or sequence number for the work instruction. In the example implementation, this property is bound to the SequenceNumber property of the PTC.SCA.SCO.WorkDefinitionHorizontalSequentialNavigation mashup’s Collection widget.
• WorkDefinitionThumbnail—(IMAGELINK) The thumbnail image for the work instruction. In the example implementation, this property is bound to the IllustrationURL property of the PTC.SCA.SCO.WorkDefinitionHorizontalSequentialNavigation mashup’s Collection widget. If there is no thumbnail image for the work instruction, the default image displays.
• IsWorkDefinitionCompleted—(BOOLEAN) A boolean indicator of whether the work instruction step is completed. In the example implementation, this property is bound to the IsCompleted property of the PTC.SCA.SCO.WorkDefinitionHorizontalSequentialNavigation mashup’s Collection widget.
Was this helpful?