Form Element

To create form control element inside fvForm component, use this component.

Code:

  
    HTML
    
  
  <!-- Normal -->
<fvFormElement label="Your Name">
  <fvInput />
</fvFormElement>

<!-- Single Line -->
<fvFormElement label="Your Family" single-line>
  <fvInput />
</fvFormElement>

Examples:

View Source

Normal

Name

Country

Enter your country

Married

Single Line

Name

Country

Enter your country

Married

Notes:

You can apply Framevuerk grid classes to this component and parent fvForm.
If you want to build your custom form element, inject fvFormElement var (provided by fvFormElement) and call turn(on:Boolean) on focus and blur events of your component to make it compatible with fvFormElement.

API:

Name	Type	Default	Description
label	String	''	Label of input.
singleLine	Boolean	false	If you want draw label and input element in single line, set this to true.
inline	Boolean	false	If your input element(s) is a non block level (eg fvCheck or fvSwitch) set this to true.

Name	Description
default	---

Name	Params	Description
label	label and highlighted	Label template.