“Tiva Timetable” Documentation by “TivaTheme” v1.1

---

Tiva Timetable

---

Table of Contents

1. Overview
2. System Requirements
3. Installation
4. Usage

---

A) Overview - top

Tiva Timetable is a responsive schedule javascript library with clean and modern flat interface. It is very easy to use yet gives plenty of features and styling options. You can use it for any kind of schedule or events calendar.

There are 3 layouts for your choice: monthly view, weekly view or list view. You can manage timetables in json file or feed from your database via php file with ajax technique.

You can put Tiva Timetable everywhere in your website via just simple configuration. There are also some options for you to customize the calendar.

The product use Magnific Popup javascript libraries (http://dimsemenov.com/plugins/magnific-popup) (MIT license).

---

B) System Requirements - top

Compatible Browsers :

• IE10
• IE11
• Firefox
• Safari
• Opera
• Chrome
• Edge

---

C) Installation - top

It is so easy to install Tiva Timetable. Just include Google fonts, some css and js files. If your website has already Magnific Popup and jquery, don't need include them again.

---

D) Usage - top

To display Tiva Timetable in your page, just use html shortcode :

In which :

• data-source="json": source of timetables. There are 2 options : json (feed timetables from json file) and php (feed timetables from your database on php file via ajax). Default value: json.
• data-view="week": layout of calendar. There are 3 options : month, week and list. Default value: month.

- Feed timetables from json file : You can modify timetables list at file timetable/timetables_date.json or timetable/timetables_day.json. The images of timetables is stored in folder timetable/images.

- Feed timetables from your database (php file) : To be flexible to integrate with your website, this plugin let you feed timetables from your database via ajax. Please open file timetable/timetables.php, modify code to connect to your database and get timetable data, then adapt it into timetable variable in file (The example is already in this file).

Other params :

• data-mode="day": There are 2 options : date and day. You can use timetable as day schedule (repeat on every week) or as specific date. This param only take effect on weekly view or list view. Default value: date.
• date: If you use this mode, the timetables will be feed from timetables_date.json or timetables.php. The time of timetable will be defined as specific date, for example: 20/09/2016.
• day: If you use this mode, the timetables will be feed from timetables_day.json or timetables.php. The time of timetable will be defined as day of week, for example: monday. It will be displayed repeat every week.
• data-start="sunday": start date of week on calendar. There are 2 options : sunday and monday. Default value : sunday.
• data-nav="show": show or hide time navigation. There are 2 options : show and hide. Default value : show. This param only take effect on date mode (In day mode, it will be hide).
• data-header-time="show": show or hide date on header. Default value : show. This param only take effect on weekly view or list view.

---

Once again, thank you so much for purchasing this product. As I said at the beginning, I'd be glad to help you if you have any questions relating to this product. No guarantees, but I'll do my best to assist. If you have a more general question relating to the product on CodeCanyon, you might consider visiting the forums and asking your question in the "Item Discussion" section.

TivaTheme

Go To Table of Contents

---