library calenstyle {🖫 18, ⚐ 10, ★ 71}

nehakadam/calenstyle

Monday, April 2, 2018
by nehakadam
Repository
16 Watchers
71 Stars
18 Installations

JavaScript
0 Dependents
0 Suggesters
13 Forks
9 Open issues
10 Versions
0 % Grown

The README.md

CalenStyle - Event Calendar

What is CalenStyle?

CalenStyle is a Responsive jQuery Drag & Drop Event Calendar Library for Web, Mobile Sites, Android, iOS & Windows Phone., _(*1)

Where can I use CalenStyle?

You can use CalenStyle in your - Web applications - Small viewing section on a webpage - Mobile websites - Native mobile applications using webview - Hybrid mobile applications created using Phonegap, Titanium etc., _(*2)

Design Themes

CalenStyle includes many design themes for representing events in colorful & informative manner. Themes were designed keeping in mind a need to show event calendar on small screens like mobile devices & in a small viewing section on a web page. But they work equally well on large screens like desktop browsers. Few theme examples are shown below:br/, _(*3)

Full Calendar (Drag & Drop)

, _(*4)

Timeline View (Agenda)

, _(*5)

Planner View (Agenda)

, _(*6)

Dot & Line View (Event Indicator)

, _(*7)

Browser Support

Chrome, Firefox, Safari, Opera, IE 9+
Android 2.3+, iOS 6+, Windows Phone 8

Installations

npm, _(*8)

npm install calenstyle, _(*9)
bower, _(*10)

bower install calenstyle, _(*11)
composer, _(*12)

composer require nehakadam/calenstyle, _(*13)

CDN

CalenStyle is hosted on jsDelivr., _(*14)

Files - Latest, _(*15)

<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.calenstyle/latest/calenstyle.min.css" />
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.calenstyle/latest/calenstyle.min.js"></script>
<!-- For i18n -->
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.calenstyle/latest/i18n/calenstyle-i18n.js"></script>

Files - Particular Version, _(*16)

<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.calenstyle/<version>/calenstyle.min.css" />
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.calenstyle/<version>/calenstyle.min.js"></script>
<!-- For i18n -->
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.calenstyle/<version>/i18n/calenstyle-i18n.js"></script>