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 Stucture
  • Dependency
  • JS

Was this helpful?

  1. Application

Email

Introduction

Pangong Email app is a web-based email client designed and developed exclusively for Pangong framework. It has a responsive design to work flawlessly across many devices.

How to Setup

HTML Stucture

<div class="emailapp-wrap">
	<div class="emailapp-sidebar">
		<div class="nicescroll-bar">
			<div class="emailapp-nav-wrap">
				<!--Email app sidebar content-->
			</div>
		</div>
	</div>
	<div class="email-box">
		<div class="emailapp-left">
			<header>
				<!--Email app left content-->
			</header>
			<form role="search" class="email-search">
				<!--Email app left content-->
			</form>
			<div class="emailapp-emails-list">
			</div>
		</div>
		<div class="emailapp-right">
			<header>
				<!--Email app right content-->
			</header>
			<div class="email-body">
				<!--Email app body content-->
			</div>
		</div>
	</div>
	<!-- Compose email -->
	<div class="modal fade" id="exampleModalEmail" tabindex="-1" role="dialog" aria-labelledby="exampleModalEmail" aria-hidden="true">
		<!--Email app compose email content-->
	</div>
	<!-- /Compose email -->
</div>
                    

Dependency

JS

<!-- Tinymce JavaScript -->
<script src="vendors/tinymce/tinymce.min.js"></script>

<!-- Tinymce Wysuhtml5 Init JavaScript -->
<script src="dist/js/tinymce-data.js"></script>

PreviousCalendarNextTwitter Feed

Last updated 6 years ago

Was this helpful?