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 |