I am delighted to present the first in my series of articles highlighting some extremely cool jQuery plugins and how to integrate them within XPages. During the course of the articles I will always demonstrate at least at some level, basic integration with XPages. In many cases I will not be able to cover all the examples of everything possible with each plugin, but I hope to give at least a good teaser to the possibilities and show the myriad of possibilities.
I have to also say a HUGE thank you to David Leedy (www.notesin9.com) who is hosting my demonstration for this and the rest of this series when I get to them.
So without further ad0 – welcome to jQuery in XPages #1
But part of the reason I chose it as the #1 is because it really rocks well with an XPage environment. It has direct business applicability, unlike many other jQuery plugins which are pretty, but hardly “corporate”. The format and structure of the chart instantiation also jibes well with XPages and I was able to create a custom control which can be applied to any formatted viewPanel or dataTable.
In the example below you can see a simple form with a viewPanel. Adding a new value to the form refreshes the page and displays the value entered. The exact same functionality would be seen if I had a basic data table looking at the same view of data.
Initial XPages form
Submitting the form gives us our new value
XPage with new Apples value added
The XPage is laid out very simply and our View control is called viewPanel1
View Panel on the XPage
We add the drawHighchart Custom Control to the XPage
Adding the drawHighchart custom control to the page
And let’s refresh our webpage – et voila – a chart
A simple Highchart added to our XPage
Changing the chart type is as simple as selecting a new theme and/or a new chart type
Changing the Highchart style
For more information on how this works check out the next article
Binding jQuery code to an XPages partialRefresh using DOM Mutation events
Wed, Oct 29th 2014 7:38p Mark Roden Introduction
In this article I will demonstrate how to bind to the event which triggers on the completion of an XPages partialRefresh. Using that binding we will then be able to action to contents of the newly added partialRefresh DOM elements.
In multiple articles I have discussed the use of the onComplete event of a programmatically triggered partialRefresh to be able to re-apply a jQuery plugin’s bindings to an area of an XPage. This works very nicely and integrates with the [read] Keywords: domino
Using jQuery .when() to trigger a screen update after select2 has loaded
Tue, Oct 28th 2014 5:58a Mark Roden We have an XPage with over 100 complex fields on it and we found that applying Select2 to it took a noticeable amount of time – tangible to the user.
Users would see the original “SELECT” fields before the nicer select2 style was applied.
So we determined to hide all the fields on the form until select2 was finished loading, then show them all select2’d. The problem was that would could not find an obviously way to do this. I was looking for a parameter within the s [read] Keywords: xpages css
Oh duh, that is why Node Package Manager (npm) is so cool
Tue, Oct 14th 2014 9:07p Mark Roden I am in the process of playing with Bluemix and part of the reason or this is to learn more about node.js. It is really cool to learn something new and also to broaden the mind. But I digress – Node Package Manager (npm) makes using node.js so simple it is mind boggling…
Without going into masses of detail on node.js (which I might at some point) here is the simple example of what I am trying to do and why npm is so cool. Node Package Manager (npm) allows you to install any node [read] Keywords: application
Opening an XPage in XPiNC and passing Query_String parameters
Tue, Sep 30th 2014 7:22p Mark Roden I was very pleasantly surprised to find this works – coincidentally – twice this week someone has asked this question – can I open an XPage in XPiNC directly? I thought the answer was no……and not for the first (and/or last) time I was wrong.
The answer lies here – http://www-10.lotus.com/ldd/ddwiki.nsf/dx/Domino_Designer_URLs_for_XPages
To prove it I created a plain XPage and added the firebugLite custom control
The following XPiNC URL
notes://copper/882579C [read] Keywords: ldd
What is a social presence worth?
Sun, Sep 21st 2014 7:51p Mark Roden We had an interesting discussion internally at work about what exactly does our “Social Presence” do for us? I put time and thought to it and it turns out to be a question I can answer on many levels. I am still not entirely sure what the answer is.
What does being social mean?
Being social means sharing through ideas, code, concepts, dreams….anything really – but sharing it. Within the XPages community we have a multitude of people who are social for many different r [read] Keywords: domino