Blank
misc
Content to show when actual content is missing.
misc
Content to show when actual content is missing.
| Example | Just a title to inform about somethingAdditional 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 | LoadingShow that something is loading Loading content.. |
Wrapper to use element through PHP
| Extends | eUiElement |
| Render | html |
| Create arguments | title, description, icon, color |
| Code example | Basic usagevar $Blank = $this->get('ui', 'blank', Array(
'title' => 'Title',
'description' => 'Description'
));All parametersvar $Blank = $this->get('ui', 'blank', Array(
'icon' => 'warning',
'title' => 'Title',
'description' => 'Description',
'color' => 'red',
'size' => 'jumbo',
'tooltip' => 'Tooltip text',
'link' => 'link/route',
'onclick' => 'runMe()'
)); |
Wrapper to use element through Javascript
| Methods |
|
||||||||||
| Code example | Basic usevar $Blank = cms.get('ui', 'blank', {
title: 'Nothing to show',
description: 'There is no content'
});Loading indigatorvar $Blank = cms.get('ui', 'blank', {
status: 'loading', // error, success
title: 'Title',
description: 'Description'
});Blanketvar $Blank = cms.get('ui', 'blank', {
status: 'loading',
title: 'Saving data...',
description: 'Wait... wait...',
blanket: formElement
}); |
Elements Css style
| jumbo | JumboDescription text |
| large | LargeDescription text |
| normal | NormalDescription text |
| small | SmallDescription text |
| mini | MiniDescription text |
| blink | BlinkDescription text |
| azure | AzureDescription text |
| blue | BlueDescription text |
| violet | VioletDescription text |
| purple | PurpleDescription text |
| pink | PinkDescription text |
| red | RedDescription text |
| brown | BrownDescription text |
| orange | OrangeDescription text |
| yellow | YellowDescription text |
| green | GreenDescription text |
| darkgreen | DarkgreenDescription text |
| white | WhiteDescription text |
| lightgray | LightgrayDescription text |
| gray | GrayDescription text |
| darkgray | DarkgrayDescription text |
| black | BlackDescription text |
| placeholder | PlaceholderDescription text |
| success | SuccessDescription text |
| warning | WarningDescription text |
| danger | DangerDescription text |
| error | ErrorDescription text |
| info | InfoDescription text |
| muted | MutedDescription text |
| selected | SelectedDescription text |
| save | SaveDescription text |
| delete | DeleteDescription text |
| load | LoadDescription text |
| cancel | CancelDescription text |