Input
form
Text input field
form
Text input field
| Example | |
| HTML code | <INPUT type="text" class="input input--justified" name="test" placeholder="Input value"/> |
| Type | atom |
| Group | form |
Wrapper to use element through PHP
| Extends | eUiElementHidden |
| Render | html |
| Create arguments | name, value |
| Code example | $Input = $this->get('ui', 'input', Array(
'name' => 'name',
'value' => $value,
'placeholder' => 'Example value',
'tooltip' => 'Tooltip text',
'width' => 100
)); |
Wrapper to use element through Javascript
| Code example | var $Input = cms.get('ui', 'input', {
name: 'formName',
value: '100',
placeholder: 'Placeholder text',
tooltip: 'Tooltip',
width: 100,
style: 'justified',
shape: 'round',
onclick: function(){}
}); |
Elements Css style
| round | |
| radius | |
| sharp | |
| justified | inutile? 100% should be default!! |
| query | Search keyword |
| select | Input that looks like select (autocomplete for fixed values) |
| first | Force to be starting input |
| last | Force to be ending input |
| azure | |
| blue | |
| violet | |
| purple | |
| pink | |
| red | |
| brown | |
| orange | |
| yellow | |
| green | |
| darkgreen | |
| white | |
| lightgray | |
| gray | |
| darkgray | |
| black | |
| success | |
| warning | |
| danger | |
| error | |
| info | |
| muted | |
| selected | |
| save | |
| delete | |
| load | |
| cancel |