HTML Form Tags
<form>
<label>Input Label- OS</label>
<input type="text" placeholder=".medium-6.cell"></br>
<label>Input Label - OS</label>
<input type="text" placeholder=".medium-6.cell">
<input type="button" value="submit">
</form>
Form with default css
Include form.css in your page.
'web-components/trmb-css/dist/css/form.min.css'
<trmb-create-popup>
trmb-create-popup will open the popup with set of the fields base on the type attribute.
Usage Example:
//Include web components loader and trmb-create-popup polymer component in your page
<script src="web-components/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
<link rel="import" href="web-components/trmb-popup-view/trmb-create-popup.html">
//For create user popup
<trmb-create-popup show-popup="false" type="user"></trmb-create-popup>
//For create company popup
<trmb-create-popup show-popup="false" type="company"></trmb-create-popup>
<trmb-user-profile>
trmb-user-profile will display set of block with basic user information, contact, perference etc
Usage Example:
//Include web components loader and trmb-user-profile polymer component in your page
<script src="web-components/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
<link rel="import" href="web-components/trmb-form/trmb-user-profile.html">
//Put the tag in your page
<trmb-user-profile></trmb-user-profile>
<trmb-user-basic>
trmb-user-basic will display set of fields with basic user information in single block
Usage Example:
//Include web components loader and trmb-user-basic polymer component in your page
<script src="web-components/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
<link rel="import" href="web-components/trmb-form/formGroups/trmb-user-basic.html">
//Put the tag in your page
<trmb-user-basic></trmb-user-basic>
<trmb-company-profile>
trmb-user-basic will display set of fields with basic user information in single block
Usage Example:
//Include web components loader and trmb-user-basic polymer component in your page
<script src="web-components/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
<link rel="import" href="web-components/trmb-form/formGroups/trmb-company-profile.html">
//Put the tag in your page
<trmb-company-profile></trmb-company-profile>
<trmb-list-view>
trmb-list-view will list set of the objects in the list view base on the type attribute.
Usage Example:
//Include web components loader and trmb-list-view polymer component in your page
<script src="web-components/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
<link rel="import" href="web-components/trmb-list-view/trmb-list-view.html">
//For list view
<trmb-list-view url="xxx" access-token="123"></trmb-list-view>