Adding Custom Calendar View in vTiger Modules

I haven’t been posting lately on the blog mainly because I have been really busy. But I would like to share with you a really cool development we have built over the past few weeks for two of our customers.

Both cases are similar and involve adding a calendar view to one of the vtiger modules to show the existing information in a calendar format, instead of vtiger’s listview way.

Some usages of this kind of customization are:

  • Showing your Sales Order as a delivery calendar
  • Showing a Service Order, Tickets, Etc by some delivery date or similar.

Generally speaking, any field service related company can make use if this view to scheduling their daily resources.

Integrating Arshaw Fullcalendar into vTiger Modules

The solution we chose was to use the jQuery plugin call arshaw full calendar and integrate it into vtiger as shown below:

Calendar View vTiger custom Modules

 

 

In this example, we are printing the sales orders delivery date in a calendar, and changing the color according to the order status. Once you click on the order, you will be redirected to vtiger detail view. Also  , the calendar allows drag and drop to change order’s delivery date.

FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one above. It uses AJAX to fetch events on-the-fly for each month. It is visually customizable and exposes hooks for user-triggered events (like clicking or dragging an event). It is open source licensed under an MIT license.

Another similar example:

vTiger Calendar view in Custom Modules

In this case, we are plotting a custom module that shows busy days.

Do you think you can use this kind of customization in your own business? Let us know and I will send you more info about it.

4 Comments:
  1. Hola:

    ¿como estáis suministrando esta integración? ¿Está a la venta?

    Saludos,

    Lorenzo.

    • Hola Lorenzo,

      En ambos casos son desarrollos ad-hoc para dos clientes. En uno de los casos estamos imprimiendo los presupuestos/pedidos por una fecha de entrega. En el segundo caso es un modulo custom que tiene una lista de cursos o capacitaciones

      Hoy por hoy no tenemos un sitio de e-commerce con extensiones estándares, aunque si hay alguien interesado podemos adaptar esta solución a las necesidades de esa persona en particular.

      Saludos!

    • Angelo,

      Ciao.. Thanks! I appreciate the comment.. If there is anything I can do for you please let me know…