Thanks to the solid modular Fides Admin 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
Chat boxes can be created directly in the main content area or they can be wrapped inside other elements like content boxes, popovers, dialogs, dropdowns, etc. Each chat line can have multiple buttons, colors, title, etc.
You can wrap the chat elements inside a custom scrollbar content box or in a regular content box like our left example below.
Chat box
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.a few seconds agoHoria Simon
This comment line has a title (author name) and a right button panel.a few seconds ago Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.a few seconds ago Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.a few seconds agoChat box
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.a few seconds agoHoria Simon
This comment line has a title (author name) and a right button panel.a few seconds ago Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.a few seconds ago Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.a few seconds ago
The Messaging List component can be created directly in the main content area or can be wrapped inside other elements like content boxes, popovers, dialogs, dropdowns, etc.
You can add notification lists inside content boxes with or without content spacing and custom scrollbars.
You can also add messaging lists inside popovers. Click the button below to see it in action.
The Progress List component can be created directly in the main content area or can be wrapped inside other elements like content boxes, popovers, dialogs, dropdowns, etc.
You can add notification lists inside content boxes with or without content spacing and custom scrollbars.
Without content spacing
Finishing uploading files 23% Finishing uploading files 91% Finishing uploading files 58% Finishing uploading files 74% Finishing uploading files 91% Finishing uploading files 58% Finishing uploading files 32%Notification list widget
Finishing uploading files 23% Finishing uploading files 91% Finishing uploading files 58% Finishing uploading files 74% Finishing uploading files 91% Finishing uploading files 58% Finishing uploading files 32%
You can also add messaging lists inside popovers. Click the button below to see it in action.
Fides Admin uses colors & styles from both the default theme color schemes and the included core color helpers.
The core color helpers can be applied to all kind of elements from buttons to icons, headers, headings, etc. They do not change when you switch to a different theme from the same template.
These are the template default color schemes and are used site wide to consistently style common elements. For the primary color you must add .primary-bg and for the secondary color you must add .ui-state-default. Note that theme two styles change based on what color scheme you choose for your template.
The Notification List component can be created directly in the main content area or can be wrapped inside other elements like content boxes, popovers, dialogs, dropdowns, etc.
You can add notification lists inside content boxes with or without content spacing and custom scrollbars.
Without content spacing
- This is an error notification
a few seconds ago- This is a warning notification
15 minutes ago- Alternate error notification styling using helpers.
2 hours ago- This is an error notification
a few seconds ago- This is a warning notification
15 minutes ago- Alternate error notification styling using helpers.
2 hours agoNotification list widget
- This is an error notification
a few seconds ago- This is a warning notification
15 minutes ago- Alternate error notification styling using helpers.
2 hours ago- This is an error notification
a few seconds ago- This is a warning notification
15 minutes ago- Alternate error notification styling using helpers.
2 hours ago
You can also add notification lists inside popovers. Click the button below to see it in action.