Group

form

Group buttons, inputs, labels ...

Example
HTML code 
<SPAN class="input-group">
    <INPUT class="input" type="text" autocomplete="off" placeholder="Input" value="" />
    <SPAN class="button button--menu button--icon">
        <I class="fa fa-angle-down">
        </I>
    </SPAN>
</SPAN>
Type molecule
Group form
More examples

Buttons in Start/End

button.input in front and button.select in the end

Label text

Label text inside input-group

,

PHP

Wrapper to use element through PHP

Extends eUiElement
Render html
Create arguments
Code example

Input and select button

$this->get('ui', 'group')
  ->addUi('input' ,Array(
    'name'     => 'form_name',
    'value'    => $value,
  ))
  ->addUi('button', Array(
    'icon'     => 'angle-down',
    'style'    => 'menu',
    'onclick'  => 'mySelectScript(100)'
  ));

Label between inputs

$this->get('ui', 'group')
  ->addUi('input' ,Array(
    'name'     => 'form_name',
    'value'    => $value,
  ))
  ->addUi('label', Array(
    'title'    => ',',
  ))
  ->addUi('input', Array(
    'name'     => 'form_name',
    'value'    => $value,
  ));

Javascript

Wrapper to use element through Javascript

Code example

Input and select button

var $Group = cms.get('ui', 'group')
  .appendUi('input' ,Array(
      'name'     => 'form_name',
      'value'    => $value,
  ));

var $Button = $Group->addUi('button', Array(
    'icon'     => 'angle-down',
    'style'    => 'menu',
    'onclick'  => 'mySelectScript(100)'
  ));

Styles

Elements Css style

round