VerticalLayout widget - bluesoft-rnd/aperte-workflow-core GitHub Wiki

VerticalLayout widget allows to group other widgets inside a vertical structure. That kind of behaviour can in fact be achieved without this widget, because by default all widgets are added in vertical order and orientation. VerticalLayout widget however utilizes its children widget attributes to create common layout elements, like captions.

This widget is part of Base Widgets plugin.

Attributes

This widget does not support attributes.

Children attributes

Attribute name	Type	Required	Default value	Description
caption	String	False		Allows to set the caption text, displayed above the children widget.
comment	String	False		Allows to set the comment text, displayed above the children widget. The text can contain

Elements

Element name	Type	Required	Default value	Description
children	mixed	False		Definitions of children widgets.

Permissions

This widget does not support permissions

Examples

This example shows how to put together three widgets: Liferay UserData widget, ProcessHistory widget and ProcessComments Widget into one VerticalLayout widget.

<config.ProcessStateWidget className="VerticalLayout" priority="5">
    <attributes>
        <config.ProcessStateWidgetAttribute name="caption" value="Process data"/>
    </attributes>
    <children>
        <config.ProcessStateWidget className="LiferayUserData" priority="10">
            <attributes>
                <config.ProcessStateWidgetAttribute name="caption" value="Analyst"/>
                <config.ProcessStateWidgetAttribute name="comment" value="This widget does nothing, 
                        except showing us integration with Liferay - fetching users list. The select user's 
                        login will be available to the BPM engine." />            
	    </attributes>
            <!--- rest of children widget definition ... --->
        </config.ProcessStateWidget>
        <config.ProcessStateWidget className="ProcessHistory" priority="98">
            <attributes>
                <config.ProcessStateWidgetAttribute name="caption" value="Process history"/>
            </attributes>
            <!--- rest of children widget definition ... --->
        </config.ProcessStateWidget>
        <config.ProcessStateWidget className="ProcessComments" priority="99">
            <attributes>
                <config.ProcessStateWidgetAttribute name="caption" value="Comments"/>
                <config.ProcessStateWidgetAttribute name="comment">
                    <value>
                        <![CDATA[<i>If you have any comments about this process, please enter them here.</i>]]>
                    </value>
                </config.ProcessStateWidgetAttribute>
            </attributes>
            <!--- rest of children widget definition ... --->
        </config.ProcessStateWidget>
    </children>
</config.ProcessStateWidget>