Actions
Create New Post
Generate Reports
2
Manage Orders
Latest Orders
Pending Orders
Processed Orders
Delivery Reports
Payments
Customers
Customer Feedbacks
Customer Feedbacks
Supplier Feedbacks
Reviewed Feedbacks
Resolved Feedbacks
Feedback Reports
Register Member
Reports
Finance Reports
Annual Reports
HR Reports
IPO Reports
Finance Margins
Revenue Reports
Project Reports
Coca Cola CRM
Delta Airlines Booking Site
Malibu Accounting
Vineseed Website Rewamp
Zircon Mobile App
Mercury CMS
HR Reports
Staff Directory
Client Directory
Salary Reports
Staff Payslips
Corporate Expenses
Project Expenses
Reporting Apps
Report Adjusments
Sources & Mediums
Reporting Settings
Conversions
Report Flows
Audit & Logs
Apps
new
eCommerce
Audience
Active Users
User Explorer
Users Flows
Market Segments
User Reports
Marketing
Campaigns
3
Cloud Manager
File Upload
3
File Attributes
Folders
System Settings
9 New
User Notifications
Alerts
Events
Logs
12 new users registered
Just now
System shutdown
pending
14 mins
New invoice received
20 mins
DB overloaded 80%
settled
1 hr
System error -
Check
2 hrs
New order received
urgent
7 hrs
Production server down
3 hrs
Production server up
5 hrs
New order received
Just now
New invoice received
20 mins
Production server up
5 hrs
New order received
7 hrs
System shutdown
11 mins
Production server down
3 hrs
All caught up!
No new logs.
Quick Actions
Shortcuts
Generate Report
Add New Event
Create New Task
Completed Tasks
Nick
Mark Andre
[email protected]
Section
My Profile
2
Activity
Messages
FAQ
Support
Logout
Dashboard
2
Components
Base
Base
State Colors
Typography
Stack
Tables
Progress
Modal
Alerts
Popover
Tooltip
Block UI
Spinners
Scrollable
Dropdown
Tabs
Bootstrap Tabs
Line Tabs
Navs
Lists
Tree View
Bootstrap Notify
Toastr
Icons
Flaticon
Fontawesome
Lineawesome
Socicons
Buttons
Buttons
Button Base
Default Style
Square Style
Pill Style
Air Style
Button Group
Button Dropdown
Button Icon
Lineawesome Icons
Fontawesome Icons
Flaticon Icons
Forms
Forms
Form Controls
Base Inputs
Checkbox & Radio
Switch
Input Groups
Form Widgets
Datepicker
Datetimepicker
Timepicker
Daterangepicker
Touchspin
Maxlength
Switch
Multiple Select Splitter
Bootstrap Select
Select2
Typeahead
noUiSlider
Form Repeater
Ion Range Slider
Input Masks
Summernote WYSIWYG
Markdown Editor
Autosize
Clipboard
Dropzone
Google reCaptcha
Form Layouts
Default Forms
Multi Column Forms
Action Bars
Form Validation
Validation States
Form Controls
Form Widgets
Datatables
Datatables
Base
Local Data
JSON Data
Ajax Data
HTML Table
Record Selection
Local Sort
Column Rendering
Column Width
Responsive Columns
Translation
Scrolling
Vertical Scrolling
Horizontal Scrolling
Both Scrolling
Locked Columns
Left Locked Columns
Right Locked Columns
Both Locked Columns
HTML Table
Child Datatables
Local Data
Remote Data
API
API Methods
Events
Portlets
Portlets
Base Portlets
Advanced Portlets
Creative Portlets
Tabbed Portlets
Draggable Portlets
Portlet Tools
Widgets
Widgets
General Widgets
Chart Widgets
Calendar
Calendar
Basic Calendar
List Views
Google Calendar
External Events
Background Events
Charts
Charts
amCharts
amCharts Charts
amCharts Stock Charts
amCharts Maps
Flot Charts
Google Charts
Morris Charts
Maps
Maps
Google Maps
JQVMap
Utils
Utils
Session Timeout
Idle Timer
Snippets
General
General
Pricing Tables
Pricing Tables v1
Pricing Tables v2
Pricing Tables v3
Pricing Tables v4
Custom Pages
Custom Pages
User Pages
Login - 1
Login - 2
Login - 3
Login - 4
Login - 5
Error Pages
Error 1
Error 2
Error 3
Error 4
Error 5
Error 6
Input Groups
-
Forms
-
Form Controls
-
Input Groups
Quick Actions
Activity
Messages
FAQ
Support
Submit
Basic Example
Use any icon in input group from
Lineawesome
,
Fontawesome
or ,
Fontawesome
or
Metronic
icons.
Left Addon
@
Some help content goes here
Right Addon
@example.com
Joint Addons
$
0.00
Left & Right Addons
#
px
Solid Style
Amount:
Some help content goes here
Square Style
%
Some help content goes here
Air Style
+
Some help content goes here
Pill Style
#
%
Some help content goes here
Submit
Cancel
Icon Groups
Easily extend form controls by adding text, buttons, icons, or button groups on either side of textual.
Left Addon
Some help content goes here
Right Addon
Joint Addons
USD
Both Addons
Solid Style
Square Style
Air Style
Pill Style
Submit
Cancel
Sizing
Add the relative form sizing classes to the
.input-group
itself and contents within will automatically resize.
Large Input Group
Some help content goes here
Large Input Group
0.00
Small Input Group
Small Input Group
Submit
Cancel
Icon Input Groups
Use any icon in input group from
Lineawesome
,
Fontawesome
or ,
Fontawesome
or
Metronic
icons.
Left Icon
Right Icon
Both Icons
Solid Style Input
Pill Style Input
Pill & Air Style Input
Square Style Input
Large Input
Small Input
Submit
Cancel
Submit
Cancel
Checkboxes and Radio addons
Place any checkbox or radio option within an input group’s addon instead of text.
Left Checkbox Addon
$
Right Checkbox Addon
$
Right & Left Checkbox Addon
Left Radio Addon
$
Right Radio Addon
$
Right & Left Radio Addon
Submit
Cancel
Button Addons
Buttons in input groups must wrapped in a
.input-group-btn
for proper alignment and sizing. This is required due to default browser styles that cannot be overridden.
Left Addon Button
Go!
Right Addon Button
Go!
Left & Right Addon Button
Go!
Go!
Left Addon Button
Go!
Right Addon Button
Go!
Left & Right Addon Button
Go!
Go!
Submit
Cancel
Buttons With Dropdowns
The example form below demonstrates common HTML form elements that receive updated styles from Bootstrap with additional classes.
Left Button Dropdown
Action
Action
Another action
Something else here
Separated link
Right Button Dropdown
Action
Action
Another action
Something else here
Separated link
Left & Right Button Dropdown
Action
Action
Another action
Something else here
Separated link
Action
Action
Another action
Something else here
Separated link
Submit
Cancel
Messages
Settings
Logs
Megan wrote
Hi Bob. What time will be the meeting ?
Hi Megan. It's at 2.30PM
Megan wrote
Will the development team be joining ?
Yes sure. I invited them as well
2:30PM
Megan wrote
Noted. For the Coca-Cola Mobile App project as well ?
Yes, sure.
Please also prepare the quotation for the Loop CRM project as well.
3:15PM
M
Megan wrote
Noted. I will prepare it.
Thanks Megan. I will see you later.
Megan wrote
Sure. See you in the meeting soon.
General Settings
Email Notifications
Site Tracking
SMS Alerts
Backup Storage
Audit Logs
System Settings
System Logs
Error Reporting
Applications Logs
Backup Servers
Audit Logs
System Logs
12 new users registered
important
Just now
System shutdown
11 mins
New invoice received
20 mins
Database overloaded 89%
resolved
1 hr
System error
2 hrs
Production server down
pending
3 hrs
Production server up
5 hrs
Applications Logs
New order received
urgent
7 hrs
12 new users registered
Just now
System shutdown
11 mins
New invoices received
20 mins
Database overloaded 89%
1 hr
System error
pending
2 hrs
Production server down
3 hrs
Server Logs
Production server up
5 hrs
New order received
7 hrs
12 new users registered
Just now
System shutdown
11 mins
New invoice received
20 mins
Database overloaded 89%
1 hr
System error
2 hrs
Production server down
3 hrs
Production server up
5 hrs
New order received
1117 hrs