Blank

misc

Content to show when actual content is missing.

Example

Just a title to inform about something

Additional description text

HTML code
<DIV class="blank">
    <I class="fa fa-warning">
    </I>
    <H4>Just a title to inform about something</H4>
    <P>Additional description text</P>
</DIV>
Type molecule
Group misc
Elements title, description, icon
More examples

Loading

Show that something is loading

Loading content..

PHP

Wrapper to use element through PHP

Extends eUiElement
Render html
Create arguments title, description, icon, color
Code example

Basic usage

var $Blank = $this->get('ui', 'blank', Array(
  'title'       => 'Title',
  'description' => 'Description'
));

All parameters

var $Blank = $this->get('ui', 'blank', Array(
  'icon'        => 'warning',
  'title'       => 'Title',
  'description' => 'Description',
  'color'       => 'red',
  'size'        => 'jumbo',
  'tooltip'     => 'Tooltip text',
  'link'        => 'link/route',
  'onclick'     => 'runMe()'
));

Javascript

Wrapper to use element through Javascript

Methods
Method name Description
setIcon(name) Set icon
setTitle(text) Set title text
setDescription(text) Set title text
update(param) Set title text
Code example

Basic use

var $Blank = cms.get('ui', 'blank', {
  title:       'Nothing to show',
  description: 'There is no content'
});

Loading indigator

var $Blank = cms.get('ui', 'blank', {
  status:      'loading', // error, success
  title:       'Title',
  description: 'Description'
});

Blanket

var $Blank = cms.get('ui', 'blank', {
  status:      'loading',
  title:       'Saving data...',
  description: 'Wait... wait...',
  blanket:     formElement
});

Styles

Elements Css style

jumbo

Jumbo

Description text

large

Large

Description text

normal

Normal

Description text

small

Small

Description text

mini

Mini

Description text

blink
azure

Azure

Description text

blue

Blue

Description text

violet

Violet

Description text

purple

Purple

Description text

pink

Pink

Description text

red

Red

Description text

brown

Brown

Description text

orange

Orange

Description text

yellow

Yellow

Description text

green

Green

Description text

darkgreen

Darkgreen

Description text

white

White

Description text

lightgray

Lightgray

Description text

gray

Gray

Description text

darkgray

Darkgray

Description text

black

Black

Description text

placeholder

Placeholder

Description text

success

Success

Description text

warning

Warning

Description text

danger

Danger

Description text

error

Error

Description text

info

Info

Description text

muted

Muted

Description text

selected

Selected

Description text

save

Save

Description text

delete

Delete

Description text

load

Load

Description text

cancel

Cancel

Description text