Thanks to the solid modular AgileUI arhitecture, modal windows customizations are very flexible and easy to apply.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.
Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.
Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.
Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.
Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque
Tables headers inherit the template secondary color scheme .ui-state-default.
By default the header texts in tables are centered. To align them either left or right you need to use one of the following core helper class: text-left or text-right
| Name | Stats | Actions | |
|---|---|---|---|
| 1 | John Clark | +152 |
|
| 2 | Kenny Davis | +152 |
|
| 3 | David Robertson | +191 |
|
| 4 | John Doe | +483 |
|
| 5 | Sofia Williams | +381 |
|
| 6 | Katy Lewis | +354 |
Some examples of tables inside content boxes, etc.
Beside the HTML structure and the .table class from the normal tables, to create consensed tabled you need to add the .table-condensed class.
You can create hover tables by adding the .table-hover class to your tables. These tables highlight the hovered row with a light yellow color.
Striped tables can by created by add the .table-striped class to your tables. These kind of tables have the odd row have a light gray color to make it easy to differentiate between rows.