Kloudless Blog

Tutorials, case studies and how-tos from our experts

The New and Improved Kloudless Meeting Scheduler 2.0

We here at Kloudless know the pains of API integrations as well as anyone. Once your developers wade through hundreds of pages of documentation, devote countless hours to writing the code to connect with an API service, and rigorously test all of these connections to ensure they stay sound, they are still left with the task of incorporating this functionality into a user-friendly UI/UX experience. That is exactly why we try our best to go above-and-beyond for our customers and offer them UI Tools that provide an ‘out of the box’ level of functionality for those that build Kloudless into their app.

One of these tools we offer is the Kloudless Meeting Scheduler. An open-source JavaScript library that can be embedded in your application with a single script tag to allow your users to authenticate their preferred cloud calendar providers of choice, schedule and book events, and even query availability. Once a user has connected to their desired service(s), they’ll be able to take advantage of this functionality, all from within your application.

The Meeting Scheduler allows your users to set up an event on any calendar service, indicate their availability, and then share a public scheduling URL with a unique event ID for event booking. Attendees can then confirm a meeting time through a UI list of available timeslots. Once confirmed, the event will be added to both users’ cloud calendar service of choice. The Meeting Scheduler’s authentication dialogs and UI can be entirely white-labeled to conform to the branding of your app.

We continuously update our UI Tools to add functionality and improve workflow, and we’re happy to announce we have added some requested features, as well as overhauled the tool based on customer feedback. Let’s learn about all of the new features that you can take advantage of in our new Meeting Scheduler 2.0!

What’s New?

The Kloudless Meeting Scheduler now has the ability to apply custom fonts and colors to pre-defined elements to match your application’s branding. This helps you not only provide your users with a simple interface to handle all of their cloud calendar scheduling needs but keeps them securely invested in your application by providing a uniform look and feel to the UI tool while embedded in your app. The custom theming can be applied to replicate the look of your app on both the web and mobile with the new configuration option, customStyleVars. 

A themed view of the setup screen
A themed view of the schedule screen
A themed view of the confirmation screen

By providing a value to LESS variables listed in the variable.less file in the source code, your developers can easily mimic the style and colors of your own application, giving users a streamlined experience. This simplifies your developers’ jobs by allowing for your app’s own unique custom UI styling without having to fork the entire project. 

The Kloudless Meeting Scheduler has also been improved to increase performance when loading time slots, giving users a much faster experience when booking events.

Meeting Scheduler events can now be customized with properties from the Meeting Window, allowing you to include custom information per user or scheduled event, such as additional description text or a customized calendar event title that includes a specific user’s name. Meeting Window IDs are also automatically attached to calendar events created by the Meeting Scheduler to easily identify which calendar events on an organizer’s calendar were created by the Meeting Scheduler.

We know that your users aren’t always going to be in front of their computer when they use your app, so the Meeting Scheduler has been updated to improve mobile responsiveness while using the UI tool on phones and tablets. We’ve also updated the library to provide a clearer HTML and CSS structure, as well as improved consistent naming conventions across the library.

Helping Users Help Themselves

More and more, applications need the ability to allow users to schedule events. Implementing this functionality is a cumbersome process, and is compounded by users requesting additional services to schedule their meetings on. Google Calendar, iCloud, and Microsoft Exchange are all heavily utilized across different industries, and your users will require cross-platform compatibility when scheduling and booking events. 

Thankfully, Kloudless can take these issues away from your developers by handling all of the steps required to ensure your users’ scheduling needs are taken care of. We offer various connection options and protocols depending on the upstream storage service, refreshing OAuth tokens, error and rate-limit handling, and even the ability to use multi-part uploads for large files. All of these together make for a much simpler and seamless experience for your app’s end-users.

At the end of the day, our Unified APIs are only as good as the ways your users can take advantage of their functionality. We work very hard to give you the best UI tools, open-source and free of charge, to ensure that your developers can focus on what’s really important: your application’s own unique functionality.

To test out the Kloudless Meeting Scheduler, head over to the Github repo here.

Published By

David Hallinan

David Hallinan is an Integration Strategist and Head of Content at Kloudless. He enjoys painting, JavaScript, vintage synths, drum machines and forcing his sports allegiances on his children.

View all posts by David Hallinan