menu

Applications

Mailbox

Email is a very popolar way of communicating with others over the Internet. An application that allows users to send, receive, and read email is called an email client.

1. You need to add following files to make it work

<script src="app-email.js"></script>
<link rel="stylesheet" type="text/css" href="app-email.css">
<link rel="stylesheet" type="text/css" href="app-sidebar.css">
                
2. Features
  1. Compose Mail
  2. Forward Mail
  3. Delete Mail
  4. Search Mail
  5. Filter Mail
Refer following link for Example
Type URL
Template Page https://pixinvent.com/materialize-material-design-admin-template/html/ltr/vertical-modern-menu-template/app-email.html

Chat

Messaging or the use of chat apps are surging in popolarity these days as people prefer chat-based apps over text messages as it provides real-time interactions and gives them a personal touch experience.

1. You need to add following files to make it work
                    
<script src="app-chat.js"></script>
<link rel="stylesheet" type="text/css" href="app-chat.css">
                    
                
2. Features
  1. Search User
  2. Compose Message
  3. Send Message
  4. Chat UI
Refer following link for Example
Type URL
Template Page https://pixinvent.com/materialize-material-design-admin-template/html/ltr/vertical-modern-menu-template/app-chat.html

ToDo

ToDo is maintained by developers, editors, writers, reviewers or readers like you as a way to focus your collaborative efforts. As such, they represent a tentative consensus that helps improve the efficiency of the editing process.

1.You need following files to make it work
                              
<script src="app-todo.js"></script>
<link rel="stylesheet" type="text/css" href="app-todo.css">
<link rel="stylesheet" type="text/css" href="app-sidebar.css">
                                  
                              
2. To drag and drop todo list you need to add these files.
                              
<link rel="stylesheet" type="text/css" href="jquery-sortable-min.js">
                              
                          
3.Features
  1. Add new todo task
  2. Search any task
  3. Delete task
  4. Tag Filter UI
  5. Drag & Drop tasks
Refer following link for Example
Type URL
Template Page https://pixinvent.com/materialize-material-design-admin-template/html/ltr/vertical-modern-menu-template/app-todo.html

Contacts

Such lists may be used to form social networks with more specific purposes. Given this, contact networks for various purposes can be generated from the list.

1.You need following files to make it work
                  
<script src="app-contacts.js"></script>
<link rel="stylesheet" type="text/css" href="app-contacts.css">
<link rel="stylesheet" type="text/css" href="app-sidebar.css">
                  
              
2. Features
  1. Add new Contact
  2. Delete Contact
  3. Search Contact
  4. Import, Export, Print UI
Refer following link for Example
Type URL
Template Page https://pixinvent.com/materialize-material-design-admin-template/html/ltr/vertical-modern-menu-template/app-contacts.html

Calendar

Foll calendar is a foll sized drag and drop calendar.


1.You need following files to make it work
                    
<script src="app-calendar.js"></script>
<link rel="stylesheet" type="text/css" href="app-calendar.css">
                  
                
2. For date and dragging and dropping you'll need following files.
                
<script src="jquery-ui.min.js"></script>
<script src="moment.min.js"></script>
                
              
3. Features
  1. Keep track of your events
  2. Add Events
  3. Drag Events
  4. Weekly, Monthly and Daily View
Refer following link for Example
Type URL
Template Page https://pixinvent.com/materialize-material-design-admin-template/html/ltr/vertical-modern-menu-template/app-calendar.html

Ecommerce

Ecommerce is often used to refer to the sale of physical products online, but it can also describe any kind of commercial transaction that is facilitated through the internet. Since then, ecommerce has evolved to make products easier to discover and purchase through online retailers and marketplaces.

Product Page

1.You need following files to make it work
                                  
<script src="eCommerce-products-page.js"></script>
<link rel="stylesheet" type="text/css" href="eCommerce-products-page.css">
                              
2. For pricing slider you'll need following files.
                                          
<script src="nouislider.min.js"></script>
<link rel="stylesheet" type="text/css" href="nouislider.min.css">
                                      
3. Features
  1. Product View Option
  2. Various Filters
  3. Add to cart and buy now option
  4. Product Description
Refer following link for Example
Type URL
Template Page https://pixinvent.com/materialize-material-design-admin-template/html/ltr/vertical-modern-menu-template/eCommerce-products-page.html

Pricing Page

Pricing Page has modern UI for pricing information. There are three style of Pricing tables Gradient, Flat and Classic

Refer following link for Example
Type URL
Template Page https://pixinvent.com/materialize-material-design-admin-template/html/ltr/vertical-modern-menu-template/eCommerce-pricing.html

Kanban

A kanban board is designed to help visualize work, limit work-in-progress, and maximize efficiency (or flow). Kanban boards use cards, columns, and continuous improvement to help technology and service teams commit to the right amount of work, and get it done! jKanban allow you to create and manage Kanban Board in your project!

1.You need following files to make it work
                      
// vendor specific js 
<script src="jkanban.min.js"></script>
<script src="quill.min.js"></script>
// page specific js 
<script src="app-kanban.js"></script>
// vendor specific css 
<link rel="stylesheet" type="text/css" href="jkanban.min.css">
<link rel="stylesheet" type="text/css" href="quill.snow.css">
// page specific css 
<link rel="stylesheet" type="text/css" href="app-kanban.css">
                      
                  
2. Features
  1. Add New Kanban Board
  2. Add New Item in current board
  3. Delete Kanban Board
  4. Delete Kanban Item
  5. Open right sidebar on click event of kanban-item
Refer following link for Example
Type URL
Template Page https://pixinvent.com/materialize-material-design-admin-template/html/ltr/vertical-modern-menu-template/app-kanban.html

File manager

A file manager provides a user interface to manage files and folders. It contains the recently accessed file lists, folder structure, files list with of different application extensions.

1.You need following files to make it work
                        
<script src="app-file-manager.js"></script>
<link rel="stylesheet" type="text/css" href="app-file-manager.css">
<link rel="stylesheet" type="text/css" href="widget-timeline.css">
                        
                    
2. Features
  1. Show the list of recently accessed file list
  2. Show the list of folders that contains many files in it
  3. List of files with different kind of extensions
  4. Open detailed sidebar on click event of app-file-info

Refer following link for Example

Type URL
Template Page https://pixinvent.com/materialize-material-design-admin-template/html/ltr/vertical-modern-menu-template/app-file-manager.html

Invoice

An invoice is a document issued by a seller to the buyer that indicates the quantities and costs of the products or services provider by the seller. Payment terms indicate the maximum amount of time that a buyer has to pay for the goods and/or services that they have purchased from the seller.

1.You need following files to make it work
                          
//vendor specific js                              
<script src="jquery.repeater.min.js"></script>
<script src="jquery.dataTables.min.js"></script>
<script src="dataTables.responsive.min.js"></script>
<script src="datatables.checkboxes.min.js"></script>
// vendor specific css
<link rel="stylesheet" type="text/css" href="jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="responsive.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="dataTables.checkboxes.css">
                          
                      
2.Required Template Specific Js Files
                          
//Page specific js                              
<script src="app-invoice.js"></script>
//  specific css
<link rel="stylesheet" type="text/css" href="app-invoice.css">
                        
                      
3. Features
  1. Filter invoice list
  2. Select invoice list
  3. Sort ascending or descending invoice list
  4. On invoice number's click in invoice list page, view the detail of invoice
  5. On view icon's click in invoice list page, view the detail of invoice.
  6. To add new invoice, Click on Create invoice button on invoice list page.
  7. To edit invoice, click on edit icon in invoice list page.
  8. On Edit invoice button's click in invoice page, view the edit invoice page.
  9. Add, Delete items in invoice edit and add Page.

Refer following link for Example

Type URL
Template Page https://pixinvent.com/materialize-material-design-admin-template/html/ltr/vertical-modern-menu-template/app-invoice-list.html
;