Timetable
Our timetable is fully responsive and features a clean and modern flat interface. Create timetables with events in 3 different scales using a live editor in the backend. Color events individually, per column or per timetable. Click on events to open a custom link, or a responsive event popupusing a nice animation. Show a full description in the event popup, as well as an image or YouTube video. Add custom fields to your events and use them to display the event time or location, but also show characteristics of the event like number of guests, a link to make reservations, show prices, etc. There are literary an unlimited number of possibilities. Custom fields can display one of 500+ icons and show 1 or 2 lines of text/html. Configure many options in the admin panel. Finally add the timetable to your pages using shortcodes or widgets.
Summer Festival
Nullam ultrices blandit mauris, ut blandit felis facilisis sit amet. Nullam vel elementum sem. Nam porta velit at neque maximus porttitor. Suspendisse convallis nulla id nibh suscipit venenatis. Pellentesque eu neque ac orci vulputate fringilla. Suspendisse velit ante, convallis sed nulla ut, suscipit tristique erat. Donec dolor nisl, maximus ut velit nec, aliquet hendrerit tortor.
Nullam ultrices blandit mauris, ut blandit felis facilisis sit amet. Nullam vel elementum sem. Nam porta velit at neque maximus porttitor. Suspendisse convallis nulla id nibh suscipit venenatis. Pellentesque eu neque ac orci vulputate fringilla. Suspendisse velit ante, convallis sed nulla ut, suscipit tristique erat. Donec dolor nisl, maximus ut velit nec, aliquet hendrerit tortor.
Nullam ultrices blandit mauris, ut blandit felis facilisis sit amet. Nullam vel elementum sem. Nam porta velit at neque maximus porttitor. Suspendisse convallis nulla id nibh suscipit venenatis. Pellentesque eu neque ac orci vulputate fringilla. Suspendisse velit ante, convallis sed nulla ut, suscipit tristique erat. Donec dolor nisl, maximus ut velit nec, aliquet hendrerit tortor.
Nullam ultrices blandit mauris, ut blandit felis facilisis sit amet. Nullam vel elementum sem. Nam porta velit at neque maximus porttitor. Suspendisse convallis nulla id nibh suscipit venenatis. Pellentesque eu neque ac orci vulputate fringilla. Suspendisse velit ante, convallis sed nulla ut, suscipit tristique erat. Donec dolor nisl, maximus ut velit nec, aliquet hendrerit tortor.
Nullam ultrices blandit mauris, ut blandit felis facilisis sit amet. Nullam vel elementum sem. Nam porta velit at neque maximus porttitor. Suspendisse convallis nulla id nibh suscipit venenatis. Pellentesque eu neque ac orci vulputate fringilla. Suspendisse velit ante, convallis sed nulla ut, suscipit tristique erat. Donec dolor nisl, maximus ut velit nec, aliquet hendrerit tortor.
Nullam ultrices blandit mauris, ut blandit felis facilisis sit amet. Nullam vel elementum sem. Nam porta velit at neque maximus porttitor. Suspendisse convallis nulla id nibh suscipit venenatis. Pellentesque eu neque ac orci vulputate fringilla. Suspendisse velit ante, convallis sed nulla ut, suscipit tristique erat. Donec dolor nisl, maximus ut velit nec, aliquet hendrerit tortor.
Nullam ultrices blandit mauris, ut blandit felis facilisis sit amet. Nullam vel elementum sem. Nam porta velit at neque maximus porttitor. Suspendisse convallis nulla id nibh suscipit venenatis. Pellentesque eu neque ac orci vulputate fringilla. Suspendisse velit ante, convallis sed nulla ut, suscipit tristique erat. Donec dolor nisl, maximus ut velit nec, aliquet hendrerit tortor.\r\n
Nullam ultrices blandit mauris, ut blandit felis facilisis sit amet. Nullam vel elementum sem. Nam porta velit at neque maximus porttitor. Suspendisse convallis nulla id nibh suscipit venenatis. Pellentesque eu neque ac orci vulputate fringilla. Suspendisse velit ante, convallis sed nulla ut, suscipit tristique erat. Donec dolor nisl, maximus ut velit nec, aliquet hendrerit tortor.
Nullam ultrices blandit mauris, ut blandit felis facilisis sit amet. Nullam vel elementum sem. Nam porta velit at neque maximus porttitor. Suspendisse convallis nulla id nibh suscipit venenatis. Pellentesque eu neque ac orci vulputate fringilla. Suspendisse velit ante, convallis sed nulla ut, suscipit tristique erat. Donec dolor nisl, maximus ut velit nec, aliquet hendrerit tortor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sed lacus ut urna feugiat interdum non vitae ante. Donec in rhoncus augue. Ut eu accumsan ante. Aliquam semper massa in turpis semper, quis mattis ante placerat. Ut finibus fringilla libero nec condimentum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sed lacus ut urna feugiat interdum non vitae ante. Donec in rhoncus augue. Ut eu accumsan ante. Aliquam semper massa in turpis semper, quis mattis ante placerat. Ut finibus fringilla libero nec condimentum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sed lacus ut urna feugiat interdum non vitae ante. Donec in rhoncus augue. Ut eu accumsan ante. Aliquam semper massa in turpis semper, quis mattis ante placerat. Ut finibus fringilla libero nec condimentum.
Nullam ultrices blandit mauris, ut blandit felis facilisis sit amet. Nullam vel elementum sem. Nam porta velit at neque maximus porttitor. Suspendisse convallis nulla id nibh suscipit venenatis. Pellentesque eu neque ac orci vulputate fringilla. Suspendisse velit ante, convallis sed nulla ut, suscipit tristique erat. Donec dolor nisl, maximus ut velit nec, aliquet hendrerit tortor.
Nullam ultrices blandit mauris, ut blandit felis facilisis sit amet. Nullam vel elementum sem. Nam porta velit at neque maximus porttitor. Suspendisse convallis nulla id nibh suscipit venenatis. Pellentesque eu neque ac orci vulputate fringilla. Suspendisse velit ante, convallis sed nulla ut, suscipit tristique erat. Donec dolor nisl, maximus ut velit nec, aliquet hendrerit tortor.
Nullam ultrices blandit mauris, ut blandit felis facilisis sit amet. Nullam vel elementum sem. Nam porta velit at neque maximus porttitor. Suspendisse convallis nulla id nibh suscipit venenatis. Pellentesque eu neque ac orci vulputate fringilla. Suspendisse velit ante, convallis sed nulla ut, suscipit tristique erat. Donec dolor nisl, maximus ut velit nec, aliquet hendrerit tortor.
This is an example of a simultaneous event.
This is an example of a simultaneous event.
This is an example of a simultaneous event.
-
DJ Primary AttackLorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac turpis non nunc molestie blandit nec et enim.1:00 pm - 3:30 pm
-
DJ Wanton DestructionPellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.3:30 pm - 5:30 pm
-
Special GuestQuisque sed dolor sit amet lorem feugiat egestas eget sed felis.5:30 pm - 7:00 pm
-
DJ Squid FishlipsWorld's number 1 DJ7:00 pm - 9:00 pm
-
DJ ExplosionPellentesque eu neque ac orci vulputate fringilla. Suspendisse velit ante, convallis sed nulla ut, suscipit tristique erat. Donec dolor nisl, maximus ut velit nec, aliquet hendrerit tortor.1:00 pm - 3:00 pm
-
Invite #13:00 pm - 4:00 pm
-
Invite #24:00 pm - 5:00 pm
-
Invite #35:00 pm - 6:00 pm
-
DJ Primary AttackLorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac turpis non nunc molestie blandit nec et enim. Quisque dictum hendrerit tortor, id lacinia nibh.6:00 pm - 9:00 pm
Demo’s
Click on one of the demo’s below
Modern Flat Styling
Timetables and events feature a modern and flat interface. All colors and styles can manually be changed. Select different colors for different events, or style all events the same.There are two different styling options: A single background color that changes darker/lighter/or custom color upon hover. Or a background color with a bar that fills upon hover. Both options just require a single color input, so it’s fast and easy to configure. Select which data you want to display in the event box and tooltip. Choose between the event title, time and (short) description. Additionally you can truncate the title and description to fit into one line, or show them completely.
Horizontal ViewADDON
Rather have the X and Y axis switched? Our horizontal addon provides a horizontal layout for the timetable. It supports all the features of the original layout, like a responsive modern interface, popups, image backgrounds, filters and much more. The layout it fully customisable and different scales are possible.Horizontal View Demo
List View
There is also a list layout. Choose to scale automatically into a list layout, or always have the timetable appear as a list using an option in the shortcode. The list layout looks very clear on mobile browsers and keeps your timetable organised on smaller screens.Of course there are many appearance and behaviour options for this layout in the admin panel, and features like filters still works great. List View Demo
Upcoming Events
Easily show the upcoming events for a timetable using the upcoming events shortcode. You can choose to automatically only list the future events or choose to show the events after a particular date. Set how many events you’d like to list, in this case we limit to 3.
Summer Festival
Nullam ultrices blandit mauris, ut blandit felis facilisis sit amet. Nullam vel elementum sem. Nam porta velit at neque maximus porttitor. Suspendisse convallis nulla id nibh suscipit venenatis. Pellentesque eu neque ac orci vulputate fringilla. Suspendisse velit ante, convallis sed nulla ut, suscipit tristique erat. Donec dolor nisl, maximus ut velit nec, aliquet hendrerit tortor.
Nullam ultrices blandit mauris, ut blandit felis facilisis sit amet. Nullam vel elementum sem. Nam porta velit at neque maximus porttitor. Suspendisse convallis nulla id nibh suscipit venenatis. Pellentesque eu neque ac orci vulputate fringilla. Suspendisse velit ante, convallis sed nulla ut, suscipit tristique erat. Donec dolor nisl, maximus ut velit nec, aliquet hendrerit tortor.
Nullam ultrices blandit mauris, ut blandit felis facilisis sit amet. Nullam vel elementum sem. Nam porta velit at neque maximus porttitor. Suspendisse convallis nulla id nibh suscipit venenatis. Pellentesque eu neque ac orci vulputate fringilla. Suspendisse velit ante, convallis sed nulla ut, suscipit tristique erat. Donec dolor nisl, maximus ut velit nec, aliquet hendrerit tortor.
Event Time Slots
To save time, it’s possible to assign multiple time slots and columns for each event. If you want to overrule other fields for your time slots (like the event color or description) you can, by making them editable fields for time slots. Your time slots then behave as events and copy all of their parent’s data, except the time, column and editable field(s). Time Slots Demo
Simultaneous Events
It’s possible to have more than 1 event happening at the same time in the same column. You can have 4 events happening simultaneously. Simultaneous events behave the same as normal events, they simply have a position setting. Simultaneous events can also include time slots. Simultaneous Events Demo
Event Popups
Clicking events will open event popups. Popups can feature an image or YouTube video, Custom Fields, and a full description. They’re completely responsive and mobile compatible, and are shown using a nice animation. It’s possible to disable the animations if you don’t want them, or only disable them for mobile browsers. The animations use CSS3 animations when possible to increase performance. You can also customize the styling of the popup like the text color, link color and background color.
Here are some examples…
Custom Fields
Add custom fields to your events and use them to display the event time or location, but also show characteristics of the event like number of guests, a link to make reservations, show prices, etc. There are literary an unlimited number of possibilities. Custom fields can display one of 500+ icons and show 1 or 2 lines of text/html. Additionally you can add dynamic text inside the custom fields like {column_title} or {start_time} which will automatically output the data.
Event Filters
Create dynamic filters that let users browse through events with ease. The filters are fully configurable and can search through event title’s and custom fields. For example, you can create a filter option that will only show events with the word Comedy in the custom field Genre you created. Users can also select multiple filter options and it will merge the events that match the queries, but you can also disable this.
Timetable Editor
Managing your timetables and events is really easy using our built-in live editor. No more searching in tables or lists for your events, but see a live preview of your timetable while you’re editing it. Simply click on your events to edit them, and manage them in a simple to use interface. Hovering over events in the editor will show a tooltip to update the event using AJAX. Use drag & drop to manage your columns and custom fields order. Additionally test how your timetable looks on smaller screens by changing the size of your browser while editing the timetable.
Feature List
- Responsive Mobile-Friendly Interface
- Timetable Shortcode Generator & Widget
- Overrule options in the Shortcode and Widget
- 3 Different Timetable Scales
- Event Boxes
- Color events individually, per column or per timetable
- Tooltips to show full title, time and/or description
- Automatically truncate title & description to fit into boxes
- Align text left, center or right
- Choose between 2 event box styles (view demo’s)
- Event Popups
- Popup Animations
- Responsive And Mobile Friendly
- Set a max-width
- Full HTML description
- Image or YouTube Video
- Autoplay YouTube Video
- Show custom fields in the popup
- Custom link color
- Time Slots
- Give an event multiple time slots
- Time slots behave as normal events but copy the parent’s data
- Choose which fields should be copied and which should be editable per time slot (like description, color, etc)
- Easily manage time slots in the editor
- Custom fields
- Add unlimited custom fields
- Choose between 500+ icons, or show no icon
- Add 1 or 2 lines of text
- Dynamic custom fields: automatically use the custom field title, column title, event title, time, start time, end time
- Event Editor
- Responsive editor
- Live editor: see your changes realtime
- Timetable, column & event settings
- Sortable columns & custom fields
- Integrated into the WordPress backend
- Change Colors
- Easily change all of the colors with a color picker
- Reset colors to default
- Option to stack columns on smaller screens
- Add custom CSS
- Add custom CSS classes to events and columns to style them individually
- Time format
- Show sidebar left, right, both, or hidden
- Set background pattern colors
- Disable animations and/or tooltips for mobile browsers
Thanks for reading. If you have any questions, contact me via the contact form on my profile page.