Form Lightning Web Component ReadMe (Managed Package)

For the managed package runtime, this page contains a Form LWC ReadMe for each Vlocity release.

Managed Package app icon This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see Omnistudio Help.

Vlocity Insurance and Health Winter '20 and Vlocity CME Spring '20

The Form Lightning Web Component creates a wrapper around Vlocity form elements to enable form capabilities.

Available c-form Attributes

Attribute	Value	Value	Description
layout	stacked, horizontal, compound (Default: stacked)	string	Defines the form layout.
model	(Default: {})	string, stringify json	Keeps key-value pairs for all elements with their synced values. All elements inside the `c-form` component must have a name attribute. If available, populates with values from elements.
theme	slds, nds (Default: slds)	string	Specifies which theme to use.
action		string	Specifies where to send the form data when the form is submitted.
method	get, post (Default: get)	string	Defines method to submit the form.

Example c-form Component

    <c-form
        model={model}
        layout="stacked"
    >
        <c-input value="" label="Name" placeholder="Normal Input" name="name"></c-input>
        <c-input value="" label="Password" placeholder="Normal Input" name="password"></c-input>
        <c-typeahead data={data} label="Typeahead" placeholder="Normal Input" name="typeahead"></c-typeahead>
        <c-combobox theme="" value="" multiple options={data} label="Default Multi Selected" placeholder="Normal Input" name="multiselect"></c-combobox>
        <c-checkbox label="Normal Checkbox" name="checkbox"></c-checkbox>
        <c-radio-group extraclass="slds-p-around_small" groupname="slds1" label="Select option" options={data} name="radiogroup"></c-radio-group>
        <c-button theme="" type="submit" name="submit" variant="brand" label="brand" icon="utility:close" icon-position="right"></c-button>
    </c-form>

Vlocity Insurance and Health Summer '19 and Vlocity CME Fall '19

The Form Lightning Web Component creates a wrapper around Vlocity form elements to enable form capabilities.

Available c-form Attributes

Attribute	Value	Value	Description
layout	stacked, horizontal, compound (Default: stacked)	string	Defines the form layout.
model	(Default: {})	string, stringify json	Keeps key-value pairs for all elements with their synced values. All elements inside the`c-form` component must have a name attribute. If available, populates with values from elements.
theme	slds, nds (Default: slds)	string	Specifies which theme to use.
action		string	Specifies where to send the form data when the form is submitted.
method	get, post (Default: get)	string	Defines method to submit the form.

Example c-form Component

    <c-form
        model={model}
        layout="stacked"
    >
        <c-input value="" label="Name" placeholder="Normal Input" name="name"></c-input>
        <c-input value="" label="Password" placeholder="Normal Input" name="password"></c-input>
        <c-typeahead data={data} label="Typeahead" placeholder="Normal Input" name="typeahead"></c-typeahead>
        <c-combobox theme="" value="" multiple options={data} label="Default Multi Selected" placeholder="Normal Input" name="multiselect"></c-combobox>
        <c-checkbox label="Normal Checkbox" name="checkbox"></c-checkbox>
        <c-radio-group extraclass="slds-p-around_small" groupname="slds1" label="Select option" options={data} name="radiogroup"></c-radio-group>
        <c-button theme="" type="submit" name="submit" variant="brand" label="brand" icon="utility:close" icon-position="right"></c-button>
    </c-form>