192 Lotus blogs updated hourly. Who will post next? Home | Blogs | Search | About 
 
Latest 7 Posts
Preparing for IBM Connect 2017
Thu, Feb 9th 2017 12
Bye Eclipse, hello IntelliJ Ultimate
Fri, Feb 3rd 2017 8
First time speaking at IBM Connect in San Francisco
Sat, Jan 21st 2017 6
Websphere Liberty Profile and external authentication redirect
Wed, Dec 21st 2016 5
My slides of my Cloudant introduction session at Meet IT
Fri, Dec 16th 2016 8
I am an IBM Champion, again
Thu, Dec 15th 2016 4
My abstract has been accepted for IBM InterConnect 2017
Wed, Dec 14th 2016 8
Top 10
Quick XPages tip: add Fullcalendar plugin to your application
Thu, Aug 27th 2015 15
Quick XPages tip: add pace.js to your app
Tue, Mar 29th 2016 14
Preparing for IBM Connect 2017
Thu, Feb 9th 2017 12
My take on Engage 2015
Wed, Apr 1st 2015 10
And the winner is…… HR Assistant
Mon, Sep 19th 2016 9
My steps in the JSF 2.0 world
Fri, Oct 24th 2014 8
Heads up for Salesforces Trailhead
Wed, Sep 28th 2016 8
My abstract has been accepted for IBM InterConnect 2017
Wed, Dec 14th 2016 8
My slides of my Cloudant introduction session at Meet IT
Fri, Dec 16th 2016 8
Bye Eclipse, hello IntelliJ Ultimate
Fri, Feb 3rd 2017 8


Quick XPages tip: add Fullcalendar plugin to your application
Twitter Google+ Facebook LinkedIn Addthis Email Gmail Flipboard Reddit Tumblr WhatsApp StumbleUpon Yammer Evernote Delicious
Frank van der Linden    

In one of my XPages projects there was the need of a calendar display of data. First stop was the Demo application of the OpenNTF Extension Library, which contains a calendar control.

After some attempts to get my data displayed in this control, I skipped it and moved to a JQuery plugin, FullCalendar. I was surprised by how the easiness to get everything up and running.

 

Get started

For this project I already used Bower to include all the required client side frameworks, I run Bower once again to install the full calendar files in my application. How to use Bower in your XPages application, see my blog about it.

 

Make it work

In your XPages app, add the javascript file via the resource tags

FullcalendarJSFile

 

Further down the page include a div tag, with the id of calendar (1). At the bottom of the page I included a script block, with the call to the full calendar javascript object. In the call I added some parameters to tell the code how to display the code and what to display. Documentation of all the parameters can be found on the website of the Fullcalendar plugin.

I added code to get my data and language from a Java Controller (2 and 3)

FullcalendarScriptBlock

 

Last thing is to get the data as JSON from my Java Controller class. With the use of the build in ‘

com.ibm.commons.util.io.json.JsonJavaObject’ I build my JSON, every event entry is a entry of an array.

The JSON array entry should have as minimum the obviuos values like title, start and end date

title: ‘Click for Google’,

url: ‘http://google.com/’,

start: ‘2015-02-28’

end: ‘2015-02-28’

 

After the data is collected from my Java Contoller my entry data for the full Calendar looks like this

FullcalendarJSON

 

Final result

The final result looks, in my opinion very good.

FullcalendarResult

 

 

 

 

 

 

 

twittergoogle_plusredditpinterestlinkedintumblrby feather

The post Quick XPages tip: add Fullcalendar plugin to your application appeared first on elstar IT.



---------------------
http://elstarit.nl/?p=320
Aug 27, 2015
16 hits



Recent Blog Posts
12
Preparing for IBM Connect 2017
Thu, Feb 9th 2017 6:59p   Frank van der Linden
In about 1 week I will jump on a plane and will fly across the Atlantic Ocean to San Francisco for IBM Connect 2017. This time not only as an attendee, but also a speaker and IBM Champion. My session Who wants to attend my session, need to get out of bed early. It is planned on Thursday 23rd of February in room 2003. The title is ‘How Watson, Bluemix, Cloudant, and XPages Can Work Together In A Real World Application‘ I will talk about our HR Assistant application and show the te
8
Bye Eclipse, hello IntelliJ Ultimate
Fri, Feb 3rd 2017 10:33a   Frank van der Linden
In Januari I started on a new role, Full Stack developer at Rabobank. One of the developers in my team is a big fan of IntelliJ from JetBrains, so I gave it a try over the past weeks. I must say I don’t miss Eclipse at all. Currently I am running it on macOS, but also in a VDI of the customer, which runs Windows. What is IntelliJ It is a very complete IDE, not for Java development only, but also Front end development, like AngularJS, because WebStorm is part of IntelliJ Ultimate. Lots o
6
First time speaking at IBM Connect in San Francisco
Sat, Jan 21st 2017 6:23a   Frank van der Linden
After a long period on the sessions waitlist, I received an email that my session is approved, in the end. It will my first time speaking at IBM Connect/Lotusphere, so I am looking forward to it. My session will be about the HR Assistant application, which was the winner of the IBM Development Competition 2016. #1129 – “How Watson, Bluemix, Cloudant, and XPages Can Work Together In A Real World Application” The role of a human resources employee can be hard work when it comes
5
Websphere Liberty Profile and external authentication redirect
Wed, Dec 21st 2016 7:18p   Frank van der Linden
At one of my customers I was busy with the upgrade their virtual development environment. Current state Currently we run Websphere Application Sever 8 inside Rational Application Developer on a not so fat virtual development environment. Which cause lots of waiting for the developer to deploy changes of the portal to the local WAS server. We tried JRebel, but in combination with RAD I can say it is not happy couple. It caused have memory use and after a certain period a not response environment
8
My slides of my Cloudant introduction session at Meet IT
Fri, Dec 16th 2016 1:15p   Frank van der Linden
Last Wednesday Meet IT conference was held at IBM Client Center in Milan. I did a session about Cloudant and how you can use it inside an XPages application. My session was in the Auditorium, a big room like a theater with good chairs, very good audio and screens. Was nice to it such big room. A (XPages) developers guide to Cloudant – MeetIT from Frank van der Linden A big thanks to Giuseppe Grasso, Daniele Grillo and Stefano Benassi for organising it. All well deserved IBM Champion
4
I am an IBM Champion, again
Thu, Dec 15th 2016 6:43a   Frank van der Linden
Yesterday at MeetIT conference in Milan, Amanda Bauman, has announced the IBM Champions for ICS. I am among the 123 IBM Champions in 2017, and that makes me very happy. It is the third time after 2013 and 2014, but the first time as an Freelancer. Thanks to all how nominated me. Let see what 2017 will bring as an IBM Champion. One great event is already known, speaking at IBM InterConnect. A special attention for 2 new Dutch IBM Champions, Ronald Dekkers from Acuity and Remco Angioni, my fo
8
My abstract has been accepted for IBM InterConnect 2017
Wed, Dec 14th 2016 10:13a   Frank van der Linden
Yesterday I received an email from the IBM InterConnect 2017 team with the message that my abstract has been accepted. Wow, was stunned, and happy and a little bit ‘scared’…….. When the news is setting in, I was thinking of the next steps. I already made the registration, next housing and flights. And of course preparing my slide deck My session will be about our HR Assistant application we build for the ICS Development Competition, with a deep dive in the code and lesson
7
Special page for my open source projects
Mon, Dec 12th 2016 9:05p   Frank van der Linden
Tonight I thought it would be a good idea to create a special page at my side with links of all my open source projects. You can find them here or at the bottom of my homepage. by The post Special page for my open source projects appeared first on elstar IT.
7
My evolution as a developer: becoming a Full stack developer
Thu, Dec 8th 2016 8:18p   Frank van der Linden
Is the time of the year to have some time to reflect. Entering the IT Around 2000 I entered the IT world, first as a Domino Administrator, but after a good talk with a former colleague I made the switch to become a Developer. So I became Domino Developer and learned Formula language and later Lotusscript. Did some certifications. When the browser became more important I moved more and more to web development and did some great projects, for example I build the public website of a big insurance
5
My slides of my Cloudant session at Sutol 2016
Fri, Nov 11th 2016 11:52a   Frank van der Linden
Today I did a session at Sutol conference in Prague. It was about how to get started with Cloudant as an XPages developer. A (XPages) developers guide to Cloudant from Frank van der Linden In my session I mentioned my Cloudant OSGi plugin, which can be find at https://bitbucket.org/flinden68/cloudant-connector/ by The post My slides of my Cloudant session at Sutol 2016 appeared first on elstar IT.




Created and Maintained by Yancy Lent - About - Planet Lotus Blog - Advertising - Mobile Edition