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 |