Apps
Back to top

Apps

  1. Home
  2. Apps

Email Application

Email is a very popular 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. Required Page Specific Vendor Js files
                    
                        //- Quill Js
                        <script src="quill.js"></script>
2. Required Page Specific Vendor CSS files
                    
                        //- Quill CSS
                        <link rel="stylesheet" type="text/css" href="quill.snow.css">
3. Required Page Specific Js File
                    
                        <script src="app-email.js"></script>
4. Required Page Specific CSS File
                    
                        <link rel="stylesheet" type="text/css" href="app-email.css">
5. Functionalities in Email Application:
  • Compose Mail
  • Search mail
  • Delete mail
  • Filter mail
  • Mark mail as unread
  • Mark mail as favorite/starred
  • Select All mails and Delete all
  • Select All mails and Mark mails unread
  • On clicking a mail, the mail details will slide in
6. Features in Email Application:
  • Forward Mail
  • Delete mail

Refer following links for detailed documentation, configuration options, methods and examples:

Type URL
Template Page https://demos.pixinvent.com/stack-html-admin-template/html/ltr/vertical-menu-template/app-email.html

Chat Application

Messaging or the use of chat apps are surging in popularity 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. Required Page Specific Js File
                    
                        <script src="app-chat.js"></script>
2. Required Page Specific CSS File
                    
                        <link rel="stylesheet" type="text/css" href="style.min.css">
                        <link rel="stylesheet" type="text/css" href="app-chat.css">
3. Functionalities in Chat Application:
  • Start conversation to chat with contacts
  • Search Chats, Contacts and Channels
  • Check Personal Profile
  • Check User's Profile
  • Chat time
  • Send message
  • Favorite your Conversation
  • Added Channels Section
4. Features in Chat Application:
  • Pin Chat
  • Delete Chat
  • Block User
  • Attachment

Refer following links for detailed documentation, configuration options, methods and examples:

Type URL
Template Page https://demos.pixinvent.com/stack-html-admin-template/html/ltr/vertical-menu-template/app-chat.html

TO-DO Application

TO-DO 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. Required Page Specific Vendor Js Files
                    
                        //- Date Range Picker JS
                        <script src="moment.min.js"></script>
                        <script src="daterangepicker.js"></script>
                        //- select2 min JS
                        <script src="select2.full.min.js"></script>
                        //- Quill JS
                        <script src="quill.js"></script>
                        //- Dragula  JS
                        <script src="dragula.min.js"></script>
2. Required Page Specific Vendor CSS Files
                    
                        //- Date Range Picker CSS
                        <link rel="stylesheet" type="text/css" href="daterangepicker.css">
                        //- Select2 CSS
                        <link rel="stylesheet" type="text/css" href="select2.min.css">
                        //- Quill CSS
                        <link rel="stylesheet" type="text/css" href="quill.snow.css">
                        //- Dragula CSS
                        <link rel="stylesheet" type="text/css" href="dragula.min.css">
3. Required Page Specific Js File
                    
                        <script src="app-todo.js"></script>
4. Required Page Specific CSS File
                    
                        <script src="app-todo.css"></script>
5. Functionalities in TO-DO Application:
  • Add new TO-DO task
  • Complete task
  • Delete task
  • Filter task
  • Sort tasks
  • Bookmark task
  • Search any task
  • Drag & Drop task
  • On click of task, a sidebar will open to edit task
6. Features in TO-DO Application:
  • Edit Task
  • Attachments
  • Add to another project
  • Create follow up task
  • Print
  • Add Comment
  • Priority Badges
  • Assign Task
  • Add date

Refer following links for detailed documentation, configuration options, methods and examples:

Type URL
Template Page https://demos.pixinvent.com/stack-html-admin-template/html/ltr/vertical-menu-template/app-todo.html

Kanban Application

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. Required Page Specific Vendor Js files
                    
                        //- jKanban JS
                        <script src="jkanban.min.js"></script>
                        //- Quill JS
                        <script src="quill.js"></script>
                        //- pick-a-date Js
                        <script src="picker.js"></script>
                        <script src="picker.date.js"></script>
2. Required Page Specific Vendor CSS files
                    
                        //- jKanban CSS
                        <link rel="stylesheet" type="text/css" href="jkanban.min.css">
                        //- Quill CSS
                        <link rel="stylesheet" type="text/css" href="quill.snow.css">
                        //- pick-a-date CSS
                        <link rel="stylesheet" type="text/css" href="pickadate.css">
3. Required Page Specific Js File
                    
                        <script src="app-kanban.js"></script>
4. Required Page Specific CSS File
                    
                        <link rel="stylesheet" type="text/css" href="app-kanban.css">
5. Functionalities in Kanban Application:
  • Add New Board
  • Edit Board Title
  • Delete Board
  • Arrange Boards
  • Add New Item in current board
  • On clicking the item, right sidebar opens to modify the item
  • Edit Item
  • Add Date, Label, Members, Document, Comments in item
  • Save or Delete Item
6. Features in Kanban Application:
  • Copy Link of Board
  • Add Member

Refer following links for detailed documentation, configuration options, methods and examples:

Type URL
Plugin Link https://www.riccardotartaglia.it/jkanban/
Template Page https://demos.pixinvent.com/stack-html-admin-template/html/ltr/vertical-menu-template/app-kanban.html

Contacts

Contact 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. Required Template Specific Vendor Js file
                    
                        //- dataTables JS
                        <script src="jquery.dataTables.min.js"></script>
                        <script src="jquery.raty.js"></script>
                        <script src="dataTables.bootstrap4.min.js"></script>
                        <script src="dataTables.responsive.min.js"></script>
                        <script src="dataTables.rowReorder.min.js"></script>
                        //- Icheck JS
                        <script src="icheck.min.js"></script>
2. Required Page Specific Vendor CSS files
                    
                        //- dataTables CSS
                        <link rel="stylesheet" type="text/css" href="dataTables.bootstrap4.min.css">
                        <link rel="stylesheet" type="text/css" href="rowReorder.dataTables.min.css">
                        <link rel="stylesheet" type="text/css" href="responsive.dataTables.min.css">
                        //- iCheck css
                        <link rel="stylesheet" type="text/css" href="icheck.css">
                        <link rel="stylesheet" type="text/css" href="custom.css">
3. Required Page Specific Js File
                    
                        <script src="app-contacts.js"></script>
4. Required Page Specific CSS File
                    
                        <link rel="stylesheet" type="text/css" href="app-contacts.css">
5. Functionalities in Contacts:
  • Add new Contact
  • Delete Contact
  • Search Contact
  • Favorite contact
  • Modify / Edit in existing contact
  • Group Filter - Add contacts to groups.
6. Features in Contacts:
  • Import, Export, Print UI
  • Restore contact
  • Find duplicate contact

Refer following links for detailed documentation, configuration options, methods and examples:

Type URL
Template Page https://demos.pixinvent.com/stack-html-admin-template/html/ltr/vertical-menu-template/app-contacts.html

Project Summary

A project app contains everything that defines your workspace for a work, from users and assets, to task assigned to team members and build configurations.

1. Required Page Specific Vendor Js files
                    
                        //- Apex Charts JS
                        <script src="apexcharts.min.js"></script>
2. Required Page Specific Js File
                    
                        <script src="project-summary-task.js"></script>
                        <script src="project-summary-bug.js"></script>
3. Required Page Specific CSS File
                    
                        <link rel="stylesheet" type="text/css" href="project.css">
4. Features in Project Summary:
  • Project Summary / Overview
  • Search Project, Task, Bug, Users, etc
  • Project Overall Progress Bar
  • Project Users List
  • Task Progress
  • Bug Progress

Refer following links for detailed documentation, configuration options, methods and examples:

Type URL
Template Page https://demos.pixinvent.com/stack-html-admin-template/html/ltr/vertical-menu-template/project-summary.html

Invoice Template

Invoice Template contains Printing.

1. Required Page Specific Js File
                    
                        <script src="invoice-template.js"></script>
2. Required Page Specific CSS File
                    
                        <link rel="stylesheet" type="text/css" href="invoice.css">
3. Functionalities in Invoice Template:
  • Print Invoice i.e., documents, bills, etc

Refer following links for detailed documentation, configuration options, methods and examples:

Type URL
Template Page https://demos.pixinvent.com/stack-html-admin-template/html/ltr/vertical-menu-template/invoice-template.html