Placeholder

misc

Reserve space when there is no real content.

Example

Add new thing
HTML code 
<DIV class="placeholder">
    <DIV class="columns">
        <DIV class="column placeholder__icon">
            <I class="fa fa-addnew">
            </I>
        </DIV>
        <DIV class="column placeholder__body">
            <H4>Add new thing</H4>
        </DIV>
    </DIV>
</DIV>
Type molecule
Group misc
Elements icon, title, description
More examples

Only icon

No title text, just icon

Descripton

Add new thing

More precise explanation of what it means

PHP

Wrapper to use element through PHP

Extends eUiElementAlert
Render html
Create arguments title, icon, onclick
Code example

Parameters as arguments

$Placeholder = $this->get('ui', 'placeholder', 'Title', 'icon');

Parameters as array

$Placeholder = $this->get('ui', 'placeholder', Array(
    'title'       => 'Placeholder',
    'icon'        => 'app-addnew',
    'description' => 'Additional text',
    'tooltip'     => 'Tooltip text',
    'onclick'     => 'runFunction()'
));

Javascript

Wrapper to use element through Javascript

Code example

Parameters as arguments

var $Placeholder = cms.get('ui', 'placeholder', {
  icon: 'icon-name',
  title: 'Title',
  description: 'Additional text'
  tooltip: 'Tooltip text',
  onclick: function(){}
})

Styles

Elements Css style

icon

Icon

Array