Input

form

Text input field

Example
HTML code
<INPUT type="text" class="input input--justified" name="test" placeholder="Input value"/>
Type atom
Group form

PHP

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
));

Javascript

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(){}
});

Styles

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)
plain
Input that looks plain text
inline
Input is like normal text in table
textline
Input is like normal text in textline
note
Notebook -like
header
Match header text
right
Text align to right
center
Text align to center
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