193 Lotus blogs updated hourly. Who will post next? Home | Blogs | Search | About 
 
Latest 7 Posts
The slides of my session at Engage
Tue, May 9th 2017 5
Learn, share and Engage in Antwerp
Tue, May 2nd 2017 12
Bulk import in a Cloudant database
Thu, Apr 27th 2017 4
IBM InterConnect 2017 as a developer
Fri, Apr 7th 2017 11
IBM InterConnect 2017 – something completely different
Tue, Mar 28th 2017 8
Speaking of Las Vegas
Fri, Mar 10th 2017 9
New Release: Generic XPages and HTML Widget For IBM Connections 5.5
Thu, Mar 2nd 2017 10
Top 10
Quick XPages tip: add pace.js to your app
Tue, Mar 29th 2016 15
I am an IBM Champion, again
Thu, Dec 15th 2016 13
Quick XPages tip: add Fullcalendar plugin to your application
Thu, Aug 27th 2015 12
Learn, share and Engage in Antwerp
Tue, May 2nd 2017 12
IBM InterConnect 2017 as a developer
Fri, Apr 7th 2017 11
New Release: Generic XPages and HTML Widget For IBM Connections 5.5
Thu, Mar 2nd 2017 10
My steps in the JSF 2.0 world
Fri, Oct 24th 2014 9
My evolution as a developer: becoming a Full stack developer
Thu, Dec 8th 2016 9
Speaking of Las Vegas
Fri, Mar 10th 2017 9
Jackson JSON mapper plugin for XPages
Fri, Feb 13th 2015 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
13 hits



Recent Blog Posts
5
The slides of my session at Engage
Tue, May 9th 2017 9:51a   Frank van der Linden
Here are my slides of my session at Engage. DEV03 – How Watson, Bluemix, Cloudant, and XPages Can Work Together In A Real World Application from Frank van der Linden by The post The slides of my session at Engage appeared first on elstar IT.
12
Learn, share and Engage in Antwerp
Tue, May 2nd 2017 6:15p   Frank van der Linden
Next week it is time for Engage Usergroup again. This time Theo Heselmans has chosen a very special location, next to the ZOO of Antwerp. Looking forward to meet everyone again and see what the sponsors have to offer. Theo and his team has put together a amazing agenda with top notch speakers and IBM Champions. This year I am very privileged to be a speaker again. My session Dev03. How Watson, Bluemix, Cloudant, and XPages Can Work Together In A Real World Application The role of a human resour
4
Bulk import in a Cloudant database
Thu, Apr 27th 2017 5:02p   Frank van der Linden
After some issues with HR Assistant I was thinking it would be a good idea to create a separate database with only the Design documents as schema database. So I replicated all the documents from the original database to a brand new one and called it hrassistant_schema. After the successful replication I kept all only the design documents. Today I got a question about the schemas and discovered it should also be a good idea to add all the configuration documents to the schema database of HR Ass
11
IBM InterConnect 2017 as a developer
Fri, Apr 7th 2017 11:27a   Frank van der Linden
As promised in a previous blogpost, I will zoom in on the technologies I have seen and used at IBM InterConnect I was surprised the amount of technical sessions at InterConnect. More then I then was expecting as lots of people told me It was all about middleware. Below my impression as a developer Open Tech Summit On Sunday InterConnect for me started with the Open Tech Summit, a gathering of tech nerds, to learn more on Open Source software. In a TED talk style every speaker got 10 minutes to s
8
IBM InterConnect 2017 – something completely different
Tue, Mar 28th 2017 4:43p   Frank van der Linden
IBM InterConnect 2017 is over, I must say I totally enjoyed it. Lots of attendees, it was crowded everywhere, but it gave a good vibe.  I have met a lot of new people I heard that it was Lotusphere in the old days. I totally agree with the blog by Gabriella Davis, it is time to get out our own yellow bubble and integrate it in InterConnect. There is so much both worlds can learn from each other. Keynotes On Monday there was the InterConnect Welcome keynote with, of course, a lot of announceme
9
Speaking of Las Vegas
Fri, Mar 10th 2017 7:38a   Frank van der Linden
In 1 week I will leave for my second trip to the USA for an IBM Conference. This time it will be IBM InterConnect in Las Vegas. Not only to attend, but also to speak again. A friend of my will join me on this trip. We will fly to Los Angeles and drive up to Las Vegas. After the conference we will have some time get back to LAX, a sort of mini road trip. Out of my comfort zone IBM InterConnect is a much bigger conference, compared to IBM Connect, at the Mandalay Bay in Las Vegas. It is focused
10
New Release: Generic XPages and HTML Widget For IBM Connections 5.5
Thu, Mar 2nd 2017 5:41p   Frank van der Linden
Yesterday I have created a new release of the OpenNTF project, Generic XPages and HTML Widget For IBM Connections. There was a problem with the widgets in IBM Connections 5.5, which was caused by some tags who were not in the expected DOM structure and small problem in the javascript. But many thanks to Christoph Stoettner of Panagenda who found the solution and provided me the modified files to release. Christoph, Thank you very much for the time you spent on this. Want to try it out on your I
8
My take on IBM Connect 2017
Mon, Feb 27th 2017 12:30p   Frank van der Linden
IBM Connect went to the west coast of the USA, to the famous Moscone Center in the middle of San Francisco. Last week I have attended and spoken at IBM Connect. Here are some thoughts about the event. San Francisco I had visited San Francisco for 3 years as end point of our road trip through the west coast. I found it and still do it a pleasant city. Not that all American, but with a bit of Europe. It is a very expensive city, especially the hotels. I stayed at Powell Street near Market Street
4
My slides from my presentation at IBM Connect 2017
Sat, Feb 25th 2017 5:54p   Frank van der Linden
Today I came back from San Francisco where I attend and speak at IBM Connect 2017. It was for me the first time speaking at such a big conference. And I must say I enjoyed it very much. DEV-1129 How Watson, Bluemix, Cloudant, and XPages Can Work Together In A Real World Application from Frank van der Linden Title DEV-1129 How Watson, Bluemix, Cloudant, and XPages Can Work Together In A Real World Application Abstract The role of a human resources employee can be hard work when it comes to
4
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




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