AEM 6.0 calendar | Community
Skip to main content
Level 2
October 16, 2015
Solved

AEM 6.0 calendar

  • October 16, 2015
  • 3 replies
  • 2460 views

Simple question: In AEM 6, how do I add a simple out-of-the-box calendar? I added the "calendar-hbs" component to a page but the 2 tabs (settings and tag field) don't give me any configurable options to create a calendar.

What I'm really trying to do is have this component connect to a google calendar to display events from that calendar. Is that possible in AEM 6 too? If so, how?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by smacdonald2008

You have 2 choices here:

 1 - overlay existing ootb calendar component.

2  - create a custom Calendar component using a JQuery plug-in. You can even create a dialog and make it reflect exactly what you need it to do.

There are lots of great JQuery Calendar Plug-ins:

http://codegeekz.com/10-best-jquery-calendar-plugins-for-developers/

We have a few community articles - based on a carousel component  - that shows you how to use a JQuery plug-in to build a custom AEM component:

https://helpx.adobe.com/experience-manager/using/custom-carousel-components.html (how to built it using JQuery)

https://helpx.adobe.com/experience-manager/using/integrating-custom-carousel-component-cq.html ( how to hook it into AEM and use a Dialog for it, etc). 

Also - check out this link (it uses JQuery):

http://fullcalendar.io/docs/google_calendar/

3 replies

smacdonald2008
smacdonald2008Accepted solution
Level 10
October 16, 2015

You have 2 choices here:

 1 - overlay existing ootb calendar component.

2  - create a custom Calendar component using a JQuery plug-in. You can even create a dialog and make it reflect exactly what you need it to do.

There are lots of great JQuery Calendar Plug-ins:

http://codegeekz.com/10-best-jquery-calendar-plugins-for-developers/

We have a few community articles - based on a carousel component  - that shows you how to use a JQuery plug-in to build a custom AEM component:

https://helpx.adobe.com/experience-manager/using/custom-carousel-components.html (how to built it using JQuery)

https://helpx.adobe.com/experience-manager/using/integrating-custom-carousel-component-cq.html ( how to hook it into AEM and use a Dialog for it, etc). 

Also - check out this link (it uses JQuery):

http://fullcalendar.io/docs/google_calendar/

niteshg35735790
Level 2
April 13, 2017

Hi,

 

I am trying to overlay the existing OOTB calendar component. But after doing that even the existing community calendar component is not getting load.

Can you please help me with customizing OOTB calendar component using overlay.

 

 

Thanks

Nitesh

JK_Kendall
Level 9
April 13, 2017

The 6.1/6.2 versions of the documentation may be more up-to-date.

See if the info here is helpful.

Also, the GitHub sample might be helpful, although it's for extending a compnent, not overlaying it.

- JK