Technical data

misc

Example
Title Value
Title Value
HTML code 
<DIV class="technicaldata">
    <DIV class='ui-table'>
        <table  border='0' cellpadding='0' cellspacing='0' width='100%' class='' >
            <tr class='header'>
                <TH style='width:px;min-width:px'>
                </TH>
                <TH style='width:px;min-width:px'>
                </TH>
            </tr>
            <tr >
                <TH >
                    <span>
                        <span>Title</span>
                    </span>
                </TH>
                <TD >
                    <span>
                        <span>Value</span>
                    </span>
                </TD>
            </tr>
            <tr >
                <TH >
                    <span>
                        <span>Title</span>
                    </span>
                </TH>
                <TD >
                    <span>
                        <span class="u-text--red">Value</span>
                    </span>
                </TD>
            </tr>
        </table>
    </DIV>
</DIV>
Type molecule
Group misc
Elements title, description, icon
More examples

Icon, description and color

Title text

Additional info

Title Value
Title Value

PHP

Wrapper to use element through PHP

Extends eUiElement
Render html
Create arguments style
Methods
Method name Description
addRow() Add title and value.
addField(Field) Add title and value from page field.
Code example

PHP use

$Techcaldata = $this->get('ui', 'technicaldata', Array(
  icon     => 'app-addnew',
  title    => 'Title text',
  description => 'Additional info',
))
->addField($Field)
->addRow(Array(
    'title'  => 'Title',
    'value'  => 'Value'
));

Javascript

Wrapper to use element through Javascript

Styles

Elements Css style