Pangong
  • Getting Started
  • Change log
  • Introduction
    • Installation
    • NPM
    • SASS
    • Grunt
    • API Reference
    • Browser Support
    • Jquery 3.3.1
    • Bootstrap 4.1.3
  • Menu Styles
    • Vertical Menu Style
    • Horizontal Menu Style
    • Horizontal Menu with Top nav
  • Application
    • Chat
    • Calendar
    • Email
  • Social Feed
    • Twitter Feed
  • components
    • Gallery
    • Activity
    • Embeds
    • Colors
  • forms
    • Toggles
    • Range slider
    • Select2
    • Input Spinner
    • Date Picker
    • Color Picker
    • Editor
  • Tables
    • Data Table
    • Responsive Table (tablesaw)
    • Editable Table
  • Charts
    • Morris Chart
    • E-Charts
    • Sparkline Chart
    • Peity Charts
    • Easy Pie Chart
  • Maps
    • Vector Map
    • Google Map
  • ...
    • Credits
Powered by GitBook
On this page
  • Introduction
  • How to Setup
  • HTML Source

Was this helpful?

  1. Application

Chat

Introduction

Chat spp is exclusive design for Pangong users , it provide you rich user experience.

There are no external plugin dependencies.

How to Setup

HTML Source

  <div class="chatapp-wrap">
    <div class="chatapp-left">
        <header>
             <!--Chat app left header content-->
        </header>
        <form role="search" class="chat-search">
             <!--Chat app search form-->
        </form>
        <div class="chatapp-users-list">
           <!--Chat app user list-->
        </div>
    </div>
    <div class="chatapp-right">
        <header>
            <!--Chat app right header content-->
        </header>
        <div class="chat-body">
            <!--Chat body-->
        </div>
        <footer>
            <!--Chat Input field-->
        </footer>
    </div>
  </div>    
PreviousHorizontal Menu with Top navNextCalendar

Last updated 6 years ago

Was this helpful?