On this submit, we’re going to assessment Ajax Full Featured Calendar 2 from CodeCanyon. This script lets you add calendars to your PHP web site. It’s a ready-to-use instrument which you’ll combine in your present PHP web site and begin utilizing right this moment!
In the event you’re constructing a web site which is said to occasions or wish to current your website occasions in an interactive and fascinating method, then you definately’ve come to the fitting place!
There are many premium calendar extensions and scripts out there on your PHP web site. For every of those premium scripts and extensions, you possibly can count on high quality code, bug fixes, assist, and new enhancements.
On this submit, we’re going to debate the Ajax Full Featured Calendar 2 script, out there at CodeCanyon for buy at a really affordable value. It has an admin panel the place you possibly can create occasions, and a front-end calendar.
Let’s rapidly undergo the essential options it offers:
- responsive UI
- add, edit, delete, view, export, replace calendar occasions
- autoembed YouTube, Vimeo, soundclould, and extra
- assist for customized classes and fields
- assist for recurring occasions
- Google maps integration
As you possibly can see, the Ajax Full Featured Calendar 2 instrument offers a number of helpful options that help you arrange occasion calendars rapidly. All through the course of this tutorial, we’ll discover the totally different options supplied by this plugin.
To start out with, we’ll see obtain and set up the Ajax Full Featured Calendar 2 script from the CodeCanyon market.
Set up and Configuration
On this part, I am going to present you set up and configure the Ajax Full Featured Calendar 2 instrument when you’ve bought and downloaded it from CodeCanyon.
As quickly as you buy it, you’ll be capable of obtain the zip file. Extract this, and you’ll find a listing with the principle script code: AFFC5.
It offers two totally different variations of occasion calendars you would select from. Underneath the AFFC5 listing, there are two extra directories, AFFC2 and AFFC5. The AFFC2 helps Bootstrap 3.x and Fullcalendar 3.x variations, whereas the AFFC5 helps Bootstrap 5.x and Fullcalendar 5.x variations. You’ll be able to select as per your necessities.
The Ajax Full Featured Calendar 2 comes with totally different demos. We’ll use the AFFC5/AFFC2/Demo/Admin/Demo1 model. Firstly, add the recordsdata from the AFFC5/AFFC2/Demo/Admin/Demo1 listing to your server root listing.
Subsequent, you simply have to run it in your browser along with your area. While you run it, it ought to take you to the set up half as proven within the following screenshot.
Fill within the crucial particulars and click on on the Set up button to put in it. If every part goes nicely, it’s going to be put in efficiently as proven within the following screenshot.
Simply in case, when you’ve any points, you can too set up it manually. You simply have to import the AFFC5/AFFC2/Demo/Admin/Demo1/calendar.sql file in your database. After that, make certain to create the AFFC5/AFFC2/Demo/Admin/Demo1/contains/connection.php file as proven within the following snippet.
1 |
<?php
|
2 |
// DB Connection Configuration
|
3 |
outline('DB_HOST', ''); |
4 |
outline('DB_USERNAME', ''); |
5 |
outline('DB_PASSWORD', ''); |
6 |
outline('DATABASE', ''); |
7 |
outline('TABLE', 'calendar'); |
8 |
outline('USERS_TABLE', 'customers'); |
9 |
|
10 |
outline('SITE_FILES_URL', ''); |
11 |
|
12 |
// Default Classes
|
13 |
$classes = array("Basic","Celebration","Work", "Letters & Arts"); |
14 |
|
15 |
/*
|
16 |
Solely utilized for non person variations
|
17 |
Ought to (non admin variations) show person occasions from the database?
|
18 |
true - doesn't show person occasions
|
19 |
false - will show all occasions on the database even non-public ones on non admin variations (e.g: 'Easy')
|
20 |
*/
|
21 |
outline('PUBLIC_PRIVATE_EVENTS', true); |
22 |
|
23 |
// Function to import occasions
|
24 |
outline('IMPORT_EVENTS', true); |
25 |
|
26 |
?>
|
After all, you may have to configure the right database settings within the above file.
With that you simply’re just about accomplished with the set up half.
The Dashboard Overview
As soon as you have put in the Ajax Full Featured Calendar 2 instrument correctly, you can begin utilizing it immediately. Go to the https://localhost/index.php URL in your browser, and it ought to take you to the login web page as proven within the following screenshot. After all, it is advisable substitute the localhost area along with your area.
Enter the username and password that you simply configured through the set up half and click on on the Log in button to log into the calendar software. After login, you may be redirected to the principle dashboard view as proven within the following screenshot. The calendar view is identical for each front-end and back-end software.
Let’s rapidly undergo the various kinds of calendar views out there at your disposal.
The Month View
Click on on the month tab to view occasions within the present month.
The Week View
Click on on the week tab to view occasions which can be scheduled within the present week.
The Day View
Click on on the day tab to view occasions which can be scheduled right this moment.
The Record View
Click on on the listing tab to view all of the upcoming occasions in an inventory view.
So these are the totally different views the calendar offers. Other than that, you possibly can entry different options like search, import and export occasions from throughout the dashboard itself.
Subsequent, we’ll see create occasions.
How one can Create Occasions
It is pretty straightforward to create new occasions. It additionally will depend on the kind of occasion which you wish to create. If you wish to create a full day occasion, you need to use the month view of the calendar. Alternatively, if you wish to create a time-bound occasion, you possibly can both use week view or day view.
Let’s examine create totally different sort of occasions.
Create a Full Day Occasion
Within the month view of the calendar, click on on the date field at which you wish to schedule an occasion, and it ought to show the next pop-up for occasion creation.
Fill within the crucial particulars and click on on the Add button to create the occasion!
Create a Time-Sure Occasion
Within the week view or listing view of the calendar, click on on the time-slot at which you wish to schedule an occasion, and it ought to show the next pop-up for occasion creation.
As you possibly can see, while you create a time-bound occasion, it already fills within the begin date-time and finish date-time for you. Simply go forward and fill within the crucial particulars and put it aside!
Go forward and create just a few various kinds of occasions to get the texture of it. Additionally, when you create a few occasions, it will enable you to to grasp how the occasions are displayed on the calendar in several views.
Stroll Via Different Options
On this part, we’ll undergo a few different options supplied by the Ajax Full Featured Calendar 2 instrument.
Occasion Search
The Ajax Full Featured Calendar 2 instrument offers search instruments {that a} person can use to look occasions. You need to use both the free textual content search area or the class drop-down field to filter the occasions which can be displayed on the calendar view.
Import/Export Function
It additionally lets you import and export occasions. While you click on on the Export button, it would generate the calendar.ics file which incorporates all of the occasions. .ics is the usual file format for iCalendar, it lets you share and import calendar entries with different purposes and customers simply. And if you have already got a .ics file which incorporates the occasions, you possibly can simply import it utilizing the Import characteristic.
Customized Classes Assist
Though, the calendar offers 4 default classes to create occasions like Basic, Celebration, Work and Letters & Arts, you possibly can arrange customized classes as nicely if you want to take action.
Go forward and open the AFFC5/AFFC2/Demo/Admin/Demo1/contains/connection.php file, which incorporates the $classes array as proven within the following snippet, and you’ll add your individual customized classes on this listing and also you’re accomplished.
1 |
... |
2 |
... |
3 |
// Default Classes |
4 |
$classes = array("Basic","Celebration","Work", "Letters & Arts", "My Customized Class One");
|
5 |
... |
6 |
... |
Add New Customers
In the event you can recollect it, when establishing the calendar software, we created a default username and password in an effort to login with it. Other than that, it additionally lets you create different customers if you wish to have totally different customers in your software.
Go forward and click on on the Add Consumer button as proven within the following screenshot to create a brand new system person.
When you click on on that button, it will open the next display screen which lets you enter the username and password of the brand new person.
Enter the username and password and click on on the Add Consumer button to create a brand new person. So on this method, you possibly can add a number of customers as nicely.
In order you possibly can see, Ajax Full Featured Calendar 2 offers an entire resolution for creating, managing, and displaying occasions. Be happy to discover it and get your self aware of the UI and it will be a enjoyable. Additionally, it comes with a complete documentation which is able to information it is best to you would like to familiarize yourself with the technical elements of it.
The Subsequent Step: A Fast Have a look at a Couple of Different Occasions Calendar Scripts
In the event you’re searching for extra superior calendar scripts that you would use immediately, I like to recommend that you simply try the next submit, which summarizes some glorious scripts which can be out there for a low value.
Listed below are a few fascinating ones:
Cleanto is good for a lot of various kinds of service firms searching for a dependable method to offer shoppers with full-featured on-line reserving.
Totally responsive, straightforward to arrange, and really customizable, the Tiva Timetable is an efficient selection for many who are searching for a calendar with a clear and easy trendy design.
Conclusion
As we speak, we reviewed the Ajax Full Featured Calendar 2 script out there from CodeCanyon. It lets you create occasions in your PHP web site. On this submit, we mentioned obtain, set up and configure it in your net server. Contemplating the options it offers, I imagine it’s moderately priced and it’s price giving a strive.
