Google Chrome 27 – now with added voice searching
Wed, May 22nd 2013 9:04a Mark Roden The new Chrome v27 went live today with a new voice search capability using the HTML5 media capabilities the browser asks to use my microphone and when it does it allows you to speak your query rather than type it.
It is similar to the capability which has been in Android Jelly Bean 4.2 for a while now which I find very useful and I am becoming more reliant on it – we still have some accent issue to get over though.
Below is a quick video demonstrating that it still has some hurdles to get [read] Keywords: google
213
Writing a single library for SSJS and CSJS validation – failed attempt #1
Sun, May 19th 2013 6:04p Mark Roden In this article I will demonstrate my first futile attempt to consolidate CSJS and SSJS libraries so that we only have to write validation once. I will also discuss JavaScripts Closures which unless you have already encountered them will make your head hurt thinking about it
Introduction
I was reminded in one of the comments on my blog last week about how it is still a pain in the butt to have to write client side JavaScript validation (to provide a good user interface) and server side JavaScr [read] Keywords: ldd
lotus
dojo
firefox
interface
javascript
password
server
xml
201
XPages ND9 (Dojo 1.8) does not work with other AMD loaders (and the work around)
Tue, May 14th 2013 6:10p Mark Roden Today I took a new jQuery plugin that I was playing with from an R8.5.3 environment where it worked, to an R9 environment and it failed – I figured it had something to do with something I had been reading about over the last month and in fixing my problem this lead to a more serious realization that I KNOW other people are also going to come across.
Background
A brief scan of the last month’s discussions on Xpages and jQuery Mobile 1.3 reveals a number of posts started by Dave Leedy [read] Keywords: domino
ibm
notes
R8
xpages bug
database
dojo
mobile
properties
EXTJS in XPages #9 – Infinite scrolling rebooted and reborn – v4.2 BufferedRenderer
Mon, May 13th 2013 5:29a Mark Roden In this article I will introduce the new EXTJS v4.2 Infinite scroller – the BuffererRenderer. The whole concept of infinite scrolling has been rewritten in the new version of the grid and it had made a huge difference to responsiveness and stability of the infinite grid.
EXTJS in XPages series
Here are links to all of the previous articles in this series
EXTJS in XPages #8 – Selecting data from the grid and opening a document
EXTJS in XPages #7 – Doing an @Unique(@DbColumn) equivalent [read] Keywords: xpages ajax
application
database
javascript
properties
server
xml
220
Shorthand Conditional JavaScript variable checking using ||
Sun, May 5th 2013 6:23p Mark Roden In this article I will highlight a shorthand method of JavaScript conditional variable checking. The || operator is commonly recognized as “OR” but it’s usage is broader than some people would think.
You might have occasion to have a variable declaration purposefully override a desired value. In this example the start will be zero unless the start variable has been declared with and assigned value:
Long Hand
var start
/*..bunch o' code..*/
if (!start){
start = 0
}
[read] Keywords: javascript
JavaScript variable hoisting
Wed, May 1st 2013 8:16p Mark Roden In this article I will give a quick overview of JavaScript hoisting and explain why sometimes your variables are not doing what you expect them to.
In the following example we have a very simple variable declaration and function:
var msg = "hello world"
function sayHi(){
alert(msg)
}
sayHi()
If you run this through firebug you get the expected message in the browser
However if you change the code slightly you do not get the initially expected response. When you run the following code [read] Keywords: javascript
496
Make your XPages more maintainable – JavaScript Callback functions
Sun, Apr 28th 2013 6:39p Mark Roden In this article I will attempt to explain the purpose and benefits of using callback functions in JavaScript.
Introduction
Basic JavaScript functions look like this normally like this
function addMe(a, b){
return a+ b
}
JavaScript variables normally look like this
var a = 2
var b = 3
Finally we would call the function to add the variables
var theTotal = addMe(a, b)
//5
Seems simple enough
Setting a variable to a function
But we can also combine them into something like this
va [read] Keywords: xpages ajax
application
development
dojo
javascript
264
Webcast: jQuery The World’s Most Popular JavaScript Library Comes to XPages – now on YouTube
Fri, Apr 26th 2013 7:39a Mark Roden It was an absolute pleasure to do my jQuery in XPages presentation for the 3rd time (publicly) earlier this week and it was as part of the TLCC and Teamstudio webcast series highlighting some of the people and presentations from the community.
There were 430 people registered for the webcast and at its peak there were over 300 people watching.
As with each presentation, podcast and screencast I have had the privilege of being a part of, I am humbled by knowing that I am able to help other develo [read] Keywords: xpages community
javascript
podcast
184
My first PSC star award – Advise
Sat, Apr 20th 2013 8:21a Mark Roden The company I am very proud to work for, PSC Group, has an excellent internal consultant personal growth program called the “5 points of excellence“.
This program allows consultants to grow and learn in 15 different areas from sales, to estimation, to development and others. PSC runs classes to promote individual areas of personal growth such as a consultant bootcamp, rainmaking seminars, personal image classes and many others. I have never worked for a company with such a focused [read] Keywords: development
259
DCLUG April 24th – Getting Started with XPages
Wed, Apr 17th 2013 7:48a Mark Roden This month we are delighted to have Jeff Byrd from MAXIMUS come and speak to us about Getting Started in XPages. Jeff has over 15 years experience in Notes technologies and over 2 years of XPages experience to share.
http://www.dominotricks.com/?p=205
In this presentation Jeff will have a “nice and easy go at xPages covering design principals, basic CRUD and Views. So if you’ve been meaning to check out XPages, but haven’t had the chance, please join us.”
Come and see for yo [read] Keywords: ibm
lotus
notes
xpages community
google
networking
214
EXTJS in XPages #8 – Selecting data from the grid and opening a document
Sun, Apr 7th 2013 5:24p Mark Roden In this article I will show you how to get data upon selecting a document – I will then demonstrate how we open a document from the grid.
EXTJS in XPages series
Here are links to all of the previous articles in this series
EXTJS in XPages #7 – Doing an @Unique(@DbColumn) equivalent in the grid
EXTJS in XPages #6 – remote sorting using the REST service
EXTJS in XPages #5 – Infinite scroller
EXTJS in XPages #4 – Adding a Pager
EXTJS in XPages #3 – Creating a basic grid from a [read] Keywords: xpages application
database
425
Coolest Error Message ever – Anti-Folder views !
Thu, Apr 4th 2013 7:36a Mark Roden I was working in designer this morning and I have no idea what I did to generate this error message but it is the coolest I have ever had
Anyone care to shed some light on what it means?? [read] Keywords:
293
Domino R9 – now FIPS 140-2 compliant – necessary for doing business with the DoD
Thu, Apr 4th 2013 12:18a Mark Roden As revealed in this years IBM Connect - ID109 IBM® Notes® and Domino® – Security Strategy - Domino R9 is now FIPS 140-2 compliant
About time too !!
The presentation can be downloaded from here
http://www.socialbizug.org/communities/service/html/communityview?communityUuid=0b366f56-cdf9-43d0-a5d3-4b2b96d86598#fullpageWidgetId=W3467cdf91608_40f1_b9fd_d0d2dcf37b05&file=b40036cc-ea99-4f44-9a60-6c3a93016816
From - http://en.wikipedia.org/wiki/FIPS_140
The 140 series of Federal Inf [read] Keywords: domino
ibm
notes
R6
security
sharepoint
wiki
225
EXTJS in XPages #7 – Doing an @Unique(@DbColumn) equivalent in the grid
Tue, Apr 2nd 2013 5:32a Mark Roden In this article I will show you how to make a simple @Unique(@DbColumn)) equivalent in the EXTJS grid
Introduction
When you have a notes view/EXTJS grid you often want to be able to do a lookup of all the unique values in a column – this is especially useful when you are also applying filters in the grid.
What is particularly useful is that the values in the column are uniqued automatically – this allows you to reduce down the values which are presented to the user to select from. Th [read] Keywords: notes
xpages server
316
Webinar – jQuery: The World’s Most Popular JavaScript Library Comes to XPages – April 23rd
Mon, Apr 1st 2013 10:53a Mark Roden I am very pleased to announce that as part of the TLCC 2013 XPages Webinar Series with Teamstudio I have been invited to give a webinar presentation of my IBM Connect 2013 presentation on jQuery. In this webinar I will be going through the slides and showing some demonstrations of how to use jQuery in XPages. There will also be a question and answer session at the end of the presentation for all those who are interested.
Tuesday,April 23rd – 10:30 A.M. to noon, Eastern U.S. tim [read] Keywords: admin
ibm
xpages applications
database
dojo
javascript
418
How to tell if your web application has been modified in 4 lines of code
Wed, Mar 27th 2013 9:08p Mark Roden In this article I will demonstrate a simple but effective way to determine if something has changed on your webpage. I will use the MD5 hashing library available in dojo and compares the hash at the start of the process and at the end – if it has changed – something has changed.
Acknowledgements
I have to acknowledge Alex Skinner and Jason Lavoie who first showed me this method many years ago on a .NET project and Troy Reimer who was the Über smart genius to take the idea and apply [read] Keywords: xpages application
development
dojo
javascript
linkedin
profile
xml
279
EXTJS in XPages #6 – remote sorting using the REST service
Sun, Mar 24th 2013 6:35p Mark Roden In this article I will demonstrate how to open a document from the EXTJS grid
EXTJS in XPages series
Here are links to all of the previous articles in this series
EXTJS in XPages #5 – Infinite scroller
EXTJS in XPages #4 – Adding a Pager
EXTJS in XPages #3 – Creating a basic grid from a Custom Control
EXTJS in XPages #2 – Basic Grid capabilities
EXTJS in XPages #1 – Starting from scratch (the first grid)
Demonstration
The EXTJS in XPages demonstration database can be found at htt [read] Keywords: notes
xpages database
javascript
properties
xml
348
jQuery in XPages #18 Galleria (Easy to use Picture Carousel)
Wed, Mar 20th 2013 4:09a Mark Roden In this article I will describe how to implement and use the Galleria jQuery plugin to create a powerful picture carousel within your XPages application
Demonstration
The XPages integration of Galleria is demonstrated here
Download
The demonstration database can be downloaded from the link above or from here
Galleria
Introduction
“Galleria is a JavaScript image gallery framework that simplifies the process of creating beautiful image galleries for the web and mobile devices.”
I came [read] Keywords: ibm
notes
xpages application
css
database
eclipse
integration
javascript
mobile
xml
316
EXTJS in XPages #5 – Infinite scroller
Sun, Mar 17th 2013 1:40p Mark Roden In this article I will show how simple it is to turn your paging grid into an infinite scrolling one.
EXTJS in XPages series
Here are links to all of the previous articles in this series
EXTJS in XPages #4 – Adding a Pager
EXTJS in XPages #3 – Creating a basic grid from a Custom Control
EXTJS in XPages #2 – Basic Grid capabilities
EXTJS in XPages #1 – Starting from scratch (the first grid)
Demonstration
The EXTJS in XPages demonstration database can be found at http://demo.xomino.com [read] Keywords: notes
notes client
xpages database
facebook
interface
javascript
twitter
231
TakingNotesPodcast 176 Cloudability – What I learned about cloud services.
Thu, Mar 14th 2013 8:21a Mark Roden Yesterday I was asked to co-host the taking notes podcast ep176 with Bruce Elgort where we talked with Mat Ellis of cloudability.com.
I have to admit that I was not “up” on cloud services very much before Bruce asked me to stand in for Julian and co-host the show. In the past 3 days my eyes have been opened up to the possibility of Amazon AWS and other cloud services. For instance did you know that Amazon hosts free virtual machines for you to use?
Let’s say for example you h [read] Keywords: notes
notes client
xpages development
laptop
podcast
taking notes
vm
321
Searching XPages REST service and returning the real count in the results.
Tue, Mar 12th 2013 7:55p Mark Roden In this article I will show you how I managed to get the search results count into a REST service and why I wanted to do that.
Introduction
Back in August 2012 I posted this on Stackoverflow. I will answer the question there but I don’t feel like I have “answered” it, just worked around it.
How do I make the XPages REST control return the overall number of filtered matches?
http://stackoverflow.com/questions/11786930/how-do-i-make-the-xpages-rest-control-return-the-overall-numb [read] Keywords: xpages ajax
database
email
javascript
server
xml
203
Agenda Posted for DCLUG
Mon, Mar 11th 2013 6:12a Mark Roden The agenda has been posted for the next DCLUG (see below). To kick off the year I will be presenting my jQuery session from this years IBM Connect conference.
Please take this opportunity if you are in the area and able to, attend and contribute to the IBM Domino community in the DC area and find out how “we” can help ourselves.
Agenda (20 Mar 2013)
——————————————————— [read] Keywords: domino
ibm
lotus
xpages community
google
javascript
networking
316
EXTJS in XPages #4 – Adding a Pager
Sun, Mar 10th 2013 6:12p Mark Roden In this article I will demonstrate how to add a pager control to your basic grid.
Demonstration
The EXTJS in XPages demonstration database can be found at http://demo.xomino.com/xomino/Extjs.nsf/xGridWithPager.xsp
Download
The sample database that will accompany this series is available from the menu in the live demo database from this link - http://demo.xomino.com/xomino/Extjs.nsf
Introduction
As we saw from the previous articles we can make a basic EXTJ grid from a REST service. Loading a [read] Keywords: notes
notes client
xpages database
firefox
javascript
network
xml
460
XPages SSJS: Beware – context.getURL() does not do what it says on the tin!
Thu, Mar 7th 2013 7:08a Mark Roden In working with the EXTJS grids I recently noticed an issue with the way I was getting the URL submitted to a REST service. The intention was to ready the query_string parameters created by the EXTJS grid filters, turn them into a notes understandable search string format and query the REST service. Seemed simple enough……
So to get the query_string initially I used context.getUrl() in the search property of the REST service. This returned the following when printed to the console (I [read] Keywords: notes
xpages java
wiki
361
2013 DCLUG reloaded (March 20th 11:30am)
Mon, Mar 4th 2013 6:04p Mark Roden I am happy to announce the first DCLUG event of 2013.
March 20th at the IBM offices on 14th St downtown DC.
11:30am – 1:30pm
IEG Briefing Center
600 14th Street, NW , Washington, DC
For more details please check out and sign up for the meeting at the “Meetup” page……
View Larger Map
For more information please join the meetup group where the meetings will be announced
http://www.meetup.com/DC-Lotus-Professionals
and/or
We also have a community site on SocialBiz [read] Keywords: domino
ibm
lotus
xpages community
google
javascript
447
EXTJS in XPages #3 – Creating a basic grid from a Custom Control
Sun, Mar 3rd 2013 12:24p Mark Roden In this article I will demonstrate how to create an EXTJS grid representation of a view using a custom control and 3 custom properties. At the end of this article you will be able to drag and drop a custom control onto your XPage, give it the count, the viewName and the name of the placement element and a grid will be created for you without any further coding.
Introduction
In XPages we want to be able to genericize everything down to a re-usable custom control and in this example I will sho [read] Keywords: ibm
xpages css
database
javascript
properties
xml
272
How to easily clear your windows printer queue
Sun, Mar 3rd 2013 10:17a Mark Roden You know that moment when you have to desperately have to print something and there is a job in the printer queue which will not die without a restart of your computer and/or the printer and you curse and sear about how much you hate windows and printers??????
Copy the following into a text file and save as KillPrintQueue.cmd
net stop spooler
del %systemroot%system32spoolprinters*.shd
del %systemroot%system32spoolprinters*.spl
net start spooler
save it in your dropbox so you don’t los [read] Keywords:
324
EXTJS in XPages #2 – Basic Grid capabilities
Fri, Mar 1st 2013 5:27a Mark Roden In this article I will demonstrate the basic out of the box functionality which comes with each grid and will focus on the capabilities of each column.
Introduction
In the previous article I demonstrated how to add a basic grid to your XPage using the EXTJS grid control and the ExtLib REST service. What we will look at in this article is the basic capabilities of the view columns.
Re-sizing columns
If you mouse over a column separator at the top you will see a familiar icon – clicking on t [read] Keywords: xpages server
EXTJS in XPages – the grid series
Sun, Feb 24th 2013 7:34a Mark Roden In this article I will introduce the blog series EXTJS in XPages and discuss why this important to your XPages development knowledge
Introduction
For ever and a day it has been the dream of Lotus Notes developers to be able to “modernize” their notes client applications and provide their clients an interactive user interface which is similar enough to the notes view interface to seem “familiar” but it different and “cool” enough to help them make the decision [read] Keywords: lotus
notes
notes client
xpages applications
development
interface
javascript
314
Where did my wordpress blog go? And how can I fix it?
Mon, Feb 18th 2013 10:41a Mark Roden Problem
This blog site was not coming up this morning – and it took me a while to figure out why not but here it is.
The blog is technically xomino.wordpress.com and that is redirected to xomino.com automagically by wordpress.
I set this up originally through GoDaddy by pointing my zone file at the xomino.wordpress.com site. Well guess what happened over the weekend – the IP address of the wordpress server changed!!
Solution
I saw this, this morning:
My IP address for the site was [read] Keywords: server
255
Searching a REST service – when the default is not everything
Thu, Feb 14th 2013 6:19a Mark Roden I have wasted too much time over the last couple of days figuring out why my REST service will only return 32 entries….
Problem
This would seam like a simple search using the viewJSONService and I would expect in my case to see 198 results
But I only get 32 – why???
Solution
Something simple, small and unassuming – searchMaxDocs. When it is not set the default is not All Matching Documents as I had assumed…
If you do NOT set searchMaxDocs to ZE [read] Keywords: xml
501
A couple of Tips on how to optimize your XPages REST Service
Thu, Feb 7th 2013 6:46p Mark Roden In this article will demonstrate how simple planning and insight can make your XPages EXTLib REST service more efficient.
Problem
Whatever you are using your REST service for, wither it is to feed charts, grids, other application or whatever it is, they take up data bandwidth and processing time.
Consider the following notes view
If I display that in a simple REST service one of the entries looks like this:
{
"@entryid":"1-45995DDEB92AA70C882579F0008280CB",
"@unid":"45995DDEB92A [read] Keywords: notes
xpages application
database
email
firefox
interface
properties
xml
319
XPiNC browser url format – and why my demo failed at IBMConnect (part 2)
Sun, Feb 3rd 2013 3:42p Mark Roden So this is article is to expand a little on the post I shared on Friday about my demo failure at IBMConnect. I will demonstrate why the problem occurred and what you can do about it. ALL thanks go to Simon Reid who pointed me at the reason once I had found the fix.
The Problem
I had a demonstration http://demo.xomino.com database which shows how some jQuery plugins can be used in XPages. The links within the menu “were” constructed as follows:
isExternal:=@If(@Right(Link; "http") [read] Keywords: xpages database
dojo
javascript
server
xml
436
jQuery in XPages @IBMConnect demo fixed – and the problem explained
Fri, Feb 1st 2013 6:17p Mark Roden So I am in the middle of doing my presentation @ IBMConnect 2013 and everything is going relatively well…..and someone asks a question
Question: “Hey Marky – does jQuery work in XPiNC?”
Marky: “sure it does watch this”
#SmugWithConfidence
Click Click
#FailWhale
404 – proxyServer Error
WTF ????
#PresenterPanic??!!
#CrowdLaughter (mostly from my loyal friends)….
#OhTheShame
WTF???
I told the audience it was because I had obviously broken it an [read] Keywords: xpages database
server
xml
128
IBM Connect13 Demos
Sun, Jan 27th 2013 9:58p Mark Roden Based on my presentation at IBM Connect 13 Jan 27-31st 2013 I have published my examples to my normal demo database. From there you can also download the sample database which contains working examples of all the code used.
http://demo.xomino.com/
Here is a link to the final presentation
jQuery – The world’s most popular JavaScript library
I will be updating this post with more information regarding the World’s largest XPage project shortly.
Thanks to all those who attended [read] Keywords: ibm
xpages database
javascript
Dave Leedy: Drink to 99 at IBMConnect
Sun, Dec 16th 2012 6:48p Mark Roden As many of you are aware – I feel like I owe a personal debt to Dave Leedy because of how he helped support me when I was getting into the community in the last year. Honestly he is fed up of hearing me talk about him (as you are too).
That said this post and subsequent request for help is not about what Dave has done for me – it is what Dave has done for you, and you, and you and the other thousands of YOU!
Notes in 9
XPages cheatsheet
Notes in 9 is over 2 years old and has o [read] Keywords: ibm
notes
xpages community
podcast
taking notes
twitter
jQuery in Xpages #16 – Avgrund (dialog depth perception)
Sun, Nov 18th 2012 9:19p Mark Roden In this article I will describe how to implement and use the Avgrund modal dialog which uses CSS transitions to give the effect of depth between the dialog and the page.
It is hard to believe that it has been two months since the last jQuery in XPages article – and for that I apologize. My current project requires most of my time to be away from the XPages DDE and as such the opportunity to find new and exciting plugins is decreased. But I came across this one today and figured I would tak [read] Keywords: xpages css
database
eclipse
integration
javascript
properties
564
Community Blogging and why you shouldn’t give a &^%$ what anyone thinks
Thu, Nov 15th 2012 9:53p Mark Roden Background
I have a Ph.D in Chemistry (yay me…). I spent 3 years making many previously undiscovered compounds and characterized them! What I created and the papers I published were no use to anyone as far as I knew at the time – but in the future if someone else who I will never know needs to create a chemical with specific properties, my papers are out there and will help. In the same way that my research depended on those who came before me – my research will help those who [read] Keywords: domino
notes
xpages blogging
community
email
planetlotus
planetlotus.org
properties
407
How to always show OneUI action buttons with a simple CSS trick
Wed, Nov 7th 2012 8:32p Mark Roden In this article I will show how your ExtLib Application Layout Control action buttons (OneUI) can remain on the page at all times with a simple CSS Trick.
The following was created using the Extension Library Application Layout control – with OneUI v2.1 using the silver theme.
Introduction
OneUI is a great, simple layout for a nice clean application layout without too much worry about CSS and other complicated design things. There are some nice examples on the OpenNTF site about using the [read] Keywords: R5
xpages application
css
openntf
285
Why XPages should get Web Sockets
Mon, Oct 29th 2012 1:15p Mark Roden Web Sockets
Web Sockets is not “new” but it is, in the sense that it is an HTML5 standard which is not implemented yet in all browsers. For more information check out this excellent article on it. Written two years ago !!! And yet many people have not yet heard of it.
http://www.html5rocks.com/en/tutorials/websockets/basics/
So what’s the big deal? We have web polling right now….
In a nutshell Web Sockets allows for an open connection to be maintained between the server a [read] Keywords: agent
connections
notes
xpages ajax
applications
facebook
network
server
twitter
267
Great conversation with Jesse Gallagher
Fri, Oct 26th 2012 4:28p Mark Roden This week I had the great pleasure of Co-Hosting the Taking notes Podcast with Bruce Elgort and JulieAnn Robichaux - http://www.takingnotespodcast.com/blogs/takingnotes.nsf/dx/TakingNotesEpisode171.htm. This week we were talking to Gigerby Jesse Gallagher about his experience with XPages and his evolution from a Comp Sci Java Developer and self taught Rails guy to Lotus Notes and beyond.
Jesse is a scary smart guy but what is special about him is that he is very eloquent with it. People this s [read] Keywords: domino
ibm
lotus
notes
xpages application
development
dojo
java
podcast
server
taking notes
twitter
189
Using jQuery to test if a checkbox on your XPage is checked
Wed, Oct 24th 2012 6:53p Mark Roden Problem
I have a checkbox and if it is checked I need to hide a table. How can I test if it is checked or not in a simple fashion?
Solution
Here is the checkbox
And here is my table
..stuff
When the page Loads
When the page loads I determine if the table needs to be displayed or not based on the checkbox status. Using the “.is()” function I can return true or false and then based on that I can determine if the table is hidden or not.
$('document').re [read] Keywords: css
xml
218
library.onLoad – what does it do and who loads last?
Sun, Oct 14th 2012 6:59p Mark Roden In this article I will demonstrate that there multiple methods for determining the “onLoad” event of you page and discuss which method you should use and when.
Introduction
Once upon a time when the world was young and we did not have JavaScript libraries we had the onLoad event of the document.
This caused some issues in itself because it indicated that the HTML was loaded – but did not have any knowledge of the images on the page and they might not have finished downloa [read] Keywords: css
dojo
javascript
properties
xml
192
Auto-focus – Do it! It’s just lazy not to.
Tue, Sep 25th 2012 7:35p Mark Roden In this article I will discuss the need as a developer to use an auto-focus on your XPages. You do this when the end-user needs to type something onto your webpage and should not have to use their mouse to click in the field first.
Introduction
You’ve been there – you go to a website internal or external to your company and you have to login in or type something into the page – the search field or something of that ilk. It is the only field on the whole page and you have to use [read] Keywords: xpages dojo
google
javascript
xml
226
Change the name of your file with – HTML5 “Download” attribute
Sun, Sep 23rd 2012 5:21p Mark Roden In this article I will show you a very simple way to change the name of a file when the user downloads it using the new HTML5 “download” attribute.
The download Attribute
This is unfortunately only support in Chrome so far but it is coming – the HTML5 download attribute – very simple and very effective. In the old days we had to fiddle with content-type and content-disposition to rename a file on the way out of the server – now much easier.
What we are trying to [read] Keywords: xpages database
properties
server
xml
224
Custom date field format in an XPage – mm/dd/yyyy
Fri, Sep 21st 2012 9:06a Mark Roden I was banging my head against the desk this morning for way too long…….
I have a date field which is displaying the date as 1/2/2012 and I need 01/02/2012 and that isn’t an option
Date field options
And as I poked around I found “Custom date range” and looky there it is – wasted WAY too much time on this
Custom date options
And then 79 search and replaces in the database and we are all updated – YAY eclipse client
YAY search and replace [read] Keywords: xpages database
eclipse
132
Using jQuery plugins – the version is important
Mon, Sep 17th 2012 11:11a Mark Roden A couple of times in the last week I have been trying to help a community member with their jQuery in XPages and it has turned out that the problem was because of the new jQuery v1.8 core library – something I had not thought about and wanted to clear up. I am always tell people in my article to just go to jQuery.com and get the latest core library – well now I have a caveat and will be more specific in future articles.
As best as they can, like all library developers, the jQuery tea [read] Keywords: notes
xpages community
353
Keeping your XPage session alive – without keepSessionAlive
Thu, Sep 13th 2012 7:33p Mark Roden There appears to be an issue keeping XPage sessions alive – even with the ExtLib keepSessionAlive control – which keeps the web session alive from the server’s perspective but does not keep the XPages session alive. This is a solution which works – especially for those people who are unable to use the Extension Library Add the following to the bottom of your XPage and what it will do is refresh the DIV preiodically based on your setting (in milliseconds) (300000 = 300 se [read] Keywords: xpages application
database
properties
security
server
xml
174
Notes in 9 – adding a jQuery library to your XPage – 100th Post
Thu, Sep 13th 2012 12:06p Mark Roden Today marks the release of my third Notes in 9 video entitled Adding a jQuery library to your XPage. I am always talking about how quick and easy it is to find and add a jQuery plugin to an XPage and in this video I have tried to demonstrate that. This video is in addition to my previous post on the trunk8 plugin
The Notes in 9 video can be found here
In less than 15 minutes I:
show the plugin homepage (trunk8)
download the library
add the library files to my database
add the files as a resourc [read] Keywords: notes
xpages database
152
jQuery in XPages #15 – Trunk8 (Adding “read more” to your paragraphs)
Thu, Sep 6th 2012 7:31a Mark Roden In this article I will describe how to implement and use the jQuery plugin Trunk8. “trunk8 is an intelligent text truncation extension to jQuery. When applied to a large block of text, trunk8 will cut off just enough text to prevent it from spilling over.”
Demonstration
The XPages integration of Trunk8.js is demonstrated here
Download
The demonstration database can be downloaded from the link above or from here
Trunk8.js
Introduction
Trunk8 is a really neat and simple jQuery plugin [read] Keywords: xpages database
eclipse
integration
javascript
xml
129
Firefox 15 out now – with integrated JavaScript debugger
Thu, Aug 30th 2012 6:31a Mark Roden This week the new FireFox 15 browser was released with a nice new list of goodies
http://www.mozilla.org/en-US/firefox/15.0/releasenotes/?utm_source=html5weekly&utm_medium=email
One thing which caught my eye was the integrated debugger within the native Firefox developer tools. This is not a new feature to those of us used to FireBug debugging but a very nice addition to the toolkit. Firebug is a fantastic tool and I cannot do without it – but it takes up memory and slows things down a [read] Keywords: email
firefox
javascript
205
jQuery in XPages #14 – TOC (Create a menu to scroll to a form section)
Sun, Aug 26th 2012 8:20p Mark Roden In this article I will demonstrate how to implement the jQuery plugin TOC (Table of Contents) into your XPage and let your users select the section of the document they want to scroll to at the click of a link.
Introduction
When you are dealing with a long complex form and you need to open the document, edit one field and exit – it can be a pain to scroll down and find the section. Another frustration is having to scroll up and down the page comparing two different fields. The TOC jQuery p [read] Keywords: xpages application
css
database
eclipse
javascript
xml
492
Nice simple OneUI XPage layout section with dijit.TitlePane
Thu, Aug 23rd 2012 10:09p Mark Roden In this article I will demonstrate how to make a nice looking layout section on your XPages which goes well with OneUI
Introduction
I have a requirement to lay out a form into sections with headers which “looks good” within the OneUI framework. There are many ways I could do this but the reason I chose dojo.TitlePane was because of the original requirement to make “collapsible sections” and I am already using OneUI and wanted to conform to that look and feel.
Demonstratio [read] Keywords: xpages css
dojo
javascript
xml
156
Dojo Firebug Extension – from an XPage developer’s perspective
Sun, Aug 19th 2012 6:14p Mark Roden In this article I take a rather irreverent look at, and describe some what I was hoping would be, the useful capabilities of the dojo firebug extension available at https://addons.mozilla.org/en-US/firefox/addon/dojofirebugextension/
Introduction
I love firebug for my client side JavaScript development – for many reasons too numerous to mention here. If you have no idea what firebug is then you should google it and find out – USE IT and you will never go back…..
So what’ [read] Keywords: ibm
xpages development
dojo
firefox
google
integration
javascript
widget
wiki
257
Dynamic TabPanel height with Dojo TabContainer in XPages
Sat, Aug 11th 2012 8:43p Mark Roden In this article I will discuss how to make your Tab Panels dynamically resize to the size of their content. I will use the doLayout property of the dijit control, exposed through the extension library control properties in XPages Designer.
Introduction
The Extension Library provides us with many easy to use Dojo “containers” including the TabContainer and TabPanel. What is sometimes difficult to decifer though is how to configure the dojo container to bend to your will and meet your [read] Keywords: xpages dojo
google
properties
140
Stencil.js – (Applying a transparent CANVAS mask) – I need some suggestions
Sun, Jul 22nd 2012 6:48p Mark Roden In this article I am going to show you how I created stencil.js - A technique for making a transparent mask on top of an image. But I am a little lost as to what to do with the technique now I have created it – any suggestions would be gratefully received and much appreciated.
Example
So I have been working on this idea for a couple of weeks and I finally figured out how to make the technique work whereby you can draw a picture ontop of a web font text (or make it look like that anywa [read] Keywords:
191
Reviewing 3 JavaScript presentation libraries (for my MWLUG presentation)
Sun, Jul 15th 2012 6:52p Mark Roden As I previously mentioned my abstract for MWLUG2012 has been accepted and so I have gone about looking for an assessing different JavaScript presentation libraries to use as part of my demonstrations.
I am a firm believer in demonstrating the techniques I want to talk about rather than going through boring slide after boring slide. Any old vacuum cleaner salesman can blow smoke up your ass about how awesome their product is – but if I want to talk about how you use a JavaScript library th [read] Keywords: xpages blogging
css
dojo
firefox
google
javascript
xml
157
jQuery 1.8beta2 – Compensating for vendor prefixed CSS3 properties (with demo)
Wed, Jul 11th 2012 6:27a Mark Roden In this article I will demonstrate a neat new capability within jQuery 1.8 (currently in beta2) which applies vendor specific CSS3 transformations without having to call out each one individually.
Introduction
The W3C specification for CSS3 allows for vendor specific style extensions which is a good thing and a bad thing. When attempting to do a transform for example it means increasing the size of your style sheet to try and accommodate all the possibilities.
For Example when trying to [read] Keywords: css
facebook
firefox
properties
twitter
145
Speaking at MWLUG 2012 – XPages, jQuery, and Dojo – a new paradigm in Client Side JavaScript
Sun, Jul 8th 2012 5:03p Mark Roden I am really excited that my abstract was accepted for MWLUG 2012
http://www.mwlug.com/mwlug/mwlug12.nsf/Sessions.xsp
AD111: XPages, jQuery, and Dojo – a new paradigm in Client Side JavaScript
Speaker: Mark Roden – PSC Group, Senior Developer
In this session we will take a deep look at how dojo and jQuery can be used to easily manipulate the Document Model of your XPage. This truly opens up a new paradigm for solving every day development problems. Take back your web browser and sig [read] Keywords: lotusphere
xpages development
dojo
facebook
javascript
twitter
164
jQuery in XPages #13 – Peity – Small charts in a big world
Tue, Jul 3rd 2012 9:41a Mark Roden In this article I will demonstrate how you can easily include small charts inside your XPages. As the saying goes, sometimes a picture can speak louder than a thousand words and in this case it really can. Using Peity you can easily insert small, yet effective, charts into your XPages
Do you know what percentage of the blog posts on this site are XPages related?
Over 80% of them.
Demonstration
The XPages integration of Peity is demonstrated here
Download
The demonstration database [read] Keywords: dblookup
xpages database
eclipse
facebook
firefox
integration
javascript
twitter
xml
174
What a year – and it gets better….!
Mon, Jul 2nd 2012 2:17p Mark Roden It has been an amazing year so far since Lotusphere and things have been happening thick and fast for me:
My first Lotusphere (15 Jan)
Added to http://planetlotus.org as a blogger (Feb 29)
My first screencast - notesIn9.com #50 – (12 Mar)
My first podcast appearance - Taking Notes Ep 157 – (13 June)
20,000 hits on the blog (28 June)
All this has lead up to an opportunity which I felt was too good to pass up on.
I am going to work for the PSC Group as an XPage developer
In a few [read] Keywords: lotusphere
notes
blogger
facebook
planetlotus
planetlotus.org
podcast
taking notes
twitter
213
jQuery in XPages #12 – Flip.js (animated context changing)
Mon, Jun 25th 2012 8:34a Mark Roden In this article I will demonstrate how you can easily add a custom “Flip” to show different data on your XPage. This is a stylistic decision you have to make when creating your XPage. If you have a lot of Static data to fit on the screen and your user is ok not seeing all the same data at the same time this is a nice looking transition from one context to another.
Demonstration
The XPages integration of Flip.js is demonstrated here
Download
The demonstration database can be downloade [read] Keywords: domino
ibm
xpages application
css
database
facebook
integration
javascript
twitter
xml
jQuery 1.8 coming soon with Optional Modules (smaller downloads)
Mon, Jun 18th 2012 12:31p Mark Roden If you look at the git site for jQuery 1.8 you will see that they are breaking the core jQuery code in separate modules so that you can do a custom build, based on what you need.
What this means is that you will be able to reduce the download size of the current 93k for the min.js version and exclude the “modules” you do not need.
Want a lighter weight jQuery 1.8? You can have it !
https://github.com/jquery/jquery#modules-new-in-18
Starting in jQuery 1.8, special builds can now be cr [read] Keywords: ajax
css
facebook
twitter
95
How would you say Hello World in jQuery? (from Taking Notes podcast #157)
Wed, Jun 13th 2012 6:00p Mark Roden Today I recorded the Taking Notes podcast episode 157 with Bruce Elgort and Julian Robichaux and Bruce asked me “so how would someone get started in jQuery – you know like a Hello World kinda example” and I had to say – well you wouldn’t do that in jQuery – you would just do a JavaScript alert.
alert('Hello World')
A better beginner example would be to use a selector to get all the blank fields on a form, turn them red and notify the user. It is a [read] Keywords: notes
xpages css
facebook
javascript
podcast
taking notes
twitter
xml
139
HTML5 – Battery Status – in your XPage!
Mon, Jun 11th 2012 9:16a Mark Roden I saw this article yesterday and I wanted to test it in XPages – no issues – but it only works in the latest version of FIREFOX 13 – it is just amazing what your browser is going to be able to do in the (near) future.
http://www.smartjava.org/content/html5-access-battery-status-through-javascript
Demonstration in an XPage (Firefox 13 only)
http://demo.xomino.com/xomino/xPlay.nsf/xBattery.xsp
With the power plugged in
Battery Status through HTML5
With the power plugged out
Batt [read] Keywords: xpages facebook
firefox
javascript
twitter
125
XPages Extension Library Book – it just makes you better!
Tue, Jun 5th 2012 11:14a Mark Roden In this article I will review the new XPages Extension Library book by IBM Press.
Introduction
If you are using or going to use XPages in your organization you need to get the Extension Library – it is already included in 8.5.3 UP1 and in the future it is just going to be part of the standard install and we won’t even consider it an “add on”.
And if you are a developer using the Extension Library, like you should, then you NEED to buy this book and read it. I am not [read] Keywords: ibm
xpages application
applications
community
database
dojo
facebook
properties
twitter
174
Keeping your jQuery interface updated when using an XPages pager – XSP.addOnLoad()
Mon, Jun 4th 2012 12:48p Mark Roden In this article I will describe how the judicious use of SCRIPT tags XSP.addOnLoad() can keep your jQuery UI enhancements applied when used with a pager control and a repeat control. This article is a follow on from the original article Using jQuery to add table interactivity to your XPage .
Introduction
First of all – many thanks to Jeremy Hodge who pointed me in this direction !
In the original article I demonstrated how you can add some interactivity to a table with a few lines of jQ [read] Keywords: xpages application
css
facebook
interface
javascript
profile
twitter
xml
130
jQuery .slideToggle() – enhancing user experience *and* reducing code
Fri, Jun 1st 2012 9:04a Mark Roden In this article I will demonstrate how the jQuery .slideToggle() method can create a better user experience within your XPage *and* makes your code easier to maintain than using SSJS to achieve the same goal.
Demonstration
The effect is demonstrated here
Introduction
Many use cases require information to be hidden from a user depending on the current state of the web form they are working on. Upon the desired trigger, more information is made available to them. This is a simple demonstration on [read] Keywords: facebook
javascript
server
twitter
xml
Memorial Day, take a moment to remember
Mon, May 28th 2012 11:09a Mark Roden There is no greater sacrifice anyone can make than to die for your country in the name of defending freedom.
Ever country has people who have to made the ultimate sacrifice and given their life for their country.
I am very grateful that I am able to live my life because someone else chose to give theirs. If you think about it, and don’t take life for granted it is quite humbling. [read] Keywords: facebook
twitter
151
jQuery in Xpages – development tip – using Firebug Console
Mon, May 21st 2012 7:10p Mark Roden In this article I will demonstrate how using Firebug can significantly reduce your development time with jQuery (or dojo) when you are trying to use selectors. There is no doubt that that out of the box functionality provided by XPages is very powerful, but to accomplish the capabilities we all know (and love?) the accompanying HTML is complex and not necessarily easy to navigate manually.
For more information on FireBug check this out
Things are busy at home and at work so I won’t have [read] Keywords: xpages css
development
dojo
facebook
firefox
javascript
twitter
xml
360
jQuery in XPages #10 – JQVMAP (Vector Maps)
Tue, May 15th 2012 11:55a Mark Roden In this article I will demonstrate how to implement the JQVMAP jQuery plugin into an XPage. There are 4 maps to chose from but users are able to create their own and add more maps if they need to. In addition to the out of the box functionality I have added some XPage lookup data to demonstrate the integration potential. As I have written this article ideas and thoughts have come at me quick and fast and this is much larger than I had originally intended. If you need maps on your website this i [read] Keywords: dblookup
xpages css
database
facebook
integration
javascript
twitter
xml
jQuery in XPages #9 – PageSlide
Tue, May 8th 2012 6:34p Mark Roden In this article I will describe how to implement and provide examples of use the jQuery plugin PageSlide within an XPage. This is a fairly simple plugin with very few parameters but provides an alternate method for displaying information to users
PageSlide.js
Demonstration
The XPages integration of PageSlide is demonstrated here
Download
The demonstration database can be downloaded from the link above or from here
Introduction
PageSlide by Scott Robin is a simple plugin which allows external c [read] Keywords: dblookup
xpages css
database
facebook
integration
javascript
properties
twitter
xml
199
Dynamically Expanding XPage viewPanel Rows on mouseover
Mon, May 7th 2012 12:31p Mark Roden In this article I will demonstrate a technique for dynamically expanding and contracting viewPanel rows. This provides a nice clean interface for the user and allows content to be made visible as necessary. This article also highlights many of the core jQuery capabilities.
Problem
When moving from a notes client application to the web often times view columns can be large and unwieldy
A boring notes view
Unwieldy data view on an XPage
Solution
What we are going to do is not only neaten up the di [read] Keywords: notes
notes client
application
css
database
facebook
firefox
interface
properties
twitter
xml
237
jQuery in XPages #8 – Tokeninput autocomplete
Tue, May 1st 2012 7:14p Mark Roden In these two articles I am going to illustrate and describe how to implement an alternative to the XPage typeAhead, using the “jQuery Tokeninput“. Unlike the XPages typeahead the jQuery Tokeninput has a large and flexible paramaterized API which allows for control over how the results are displayed, how the results are created and the source of the data. We are going to look at how to search a basic JSON string, a notes agent generated JSON feed, a twitter JSON feed, and an XPage RES [read] Keywords: agent
domino
notes
xpages ajax
css
database
facebook
integration
javascript
mac
server
twitter
jQuery in XPages #7 – Pines Notify
Tue, Apr 24th 2012 10:14p Mark Roden In this article I will demonstrate how to implement a cool notification technique using Pines Notify. This small (7k min) js library provides a wealth of flexibility and a feature set second to none. It can use multiple different CSS libraries (bootstrap, jQueryUI and others) so integration into your site is quick and simple.
Introduction
Pines Notify is a notification popup capability which is easily integrated into a website. Like most jQuery plugins there is a methods to instantiate the cap [read] Keywords: xpages application
applications
css
database
dojo
facebook
integration
javascript
server
twitter
widget
xml
250
Re-styling dynamic content with jQuery Mobile
Tue, Apr 24th 2012 1:41p Mark Roden We are going to quickly look at how using trigger(“create”) can solve the problem of adding dynamic content to a jQuery Mobile application within an XPage.
I will get to writing an article on jQuery Mobile in the future but in the mean time here is something which I came across – how do you re-style the page when new content is created?
Problem
How to re-style newly added content in a jQuery Mobile application.
Situation
I have an acceptance form which I am creating in my X [read] Keywords: agent
application
desktop
facebook
mobile
twitter
171
I am amazed I got a response from google……
Sun, Apr 22nd 2012 12:12p Mark Roden And now I look silly
happy with the result though
The Blogger Team removals@google.com 7:58 AM (6 hours ago)
to me Hello,
Thanks for reaching out to us!
We have received your complaint. Upon recent review of the website(s) mentioned in your complaint, we were unable to locate the allegedly infringing content on the page(s) in question. If this matter is still a concern, please reply to this email with detailed information to enable us to locate the allegedly infringing content.
Regards, Th [read] Keywords: blogger
email
facebook
google
twitter
177
LotusLearns steps over the line
Sat, Apr 21st 2012 6:04a Mark Roden LotusLearns reposted my entire article on watermark.js without my consent and even though there is a link back to the blog I take great exception to this unethical behaviour. The fact that there is adverts on this site and someone else may make money out of my content is gawling.
I copy other people’s ideas and code all the time and then re-purpose them with my own, new ideas. That is how we evolve culturally.
Look at my article and you will how to appropriately credit other people for th [read] Keywords: lotus
xpages blogger
facebook
google
planetlotus
twitter
172
Pushing data to an XPage from the server – HTML5 eventSource
Thu, Apr 19th 2012 10:19p Mark Roden Introduction
We are going to look at the new HTML5 eventSource capability. Adapting the articles (posted here) and (posted here) I am goign to show you how to send data from the server to your XPage without using ajax to initiate the communication. I have the feeling there is a lot to learn in this area and we are just scratching the surface.
Browser Support
Yep – it is HTML5 which means no IE right now – Chrome should support this but my copy does not – so right now this demo [read] Keywords: ibm
ajax
development
dojo
facebook
firefox
javascript
openntf
server
twitter
xml
137
jQuery in XPages #6 – watermark.js
Tue, Apr 17th 2012 6:13p Mark Roden In this article I will demonstrate how to implement watermark.js by Patrick Wied. Using the power of HTML5 image manipulation we are able to add a watermark graphic to another image and determine position and opacity - even with a JPG!! Of course that means no IE but hey we’re looking forward not backward people!
Introduction
This week I am only going to use one article because this hopefully won’t be too long. I am also going to try and break the article down into a simpler format [read] Keywords: xpages database
facebook
javascript
properties
server
twitter
xml
101
QR code with your picture in it !
Mon, Apr 16th 2012 6:14a Mark Roden While researching the next jQuery in XPages article I came across a QR code designer page which allows you to add your own image into the code itself.
http://www.patrick-wied.at/projects/qr-designer/
You need to use Chrome to get the full effect as he uses Drag and Drop to pull in the image but you can make something like this – how cool is that !!
QR code with your truly in the picture [read] Keywords: xpages facebook
twitter
185
jQuery in XPages #5 – jQueryUI (Accordion)
Wed, Apr 11th 2012 8:31a Mark Roden This week we are going to look at one of the capabilities offered by the jQueryUI website, that accordion. I am going to walk through how I added it to my demo website (because the menu was getting too large). jQueryUI is a jQuery plugin – it extends jQuery using the $selector.doSomething() notation.
We are going to turn a long inflexible menu
Old demo.xomino.com menu
into this
jQueryUI Accordion Menu
Demonstration
To see the new menu in action go to demo.xomino.com
Download
You can downlo [read] Keywords: xpages applications
database
dojo
facebook
javascript
twitter
widgets
XPages CSJS timing issue – what is ‘this’ ?
Sun, Apr 8th 2012 11:13p Mark Roden Problem
The JavaScript object represented by ‘this’ does not appear to be as expected.
The problem is caused because of the way that XPages adds events to DOM objects through the
The Situation
I wanted to pass the id from a button to a function. Outside of XPages I would normally acheive this by passing a reference to the button(this) to a function (saySomething in this case) and then extracting the id from the object passed:
function saySomething(obj){
alert("This is my object [read] Keywords: xpages facebook
interface
javascript
twitter
xml
116
jQuery in XPages #4 – prettyPhoto
Tue, Apr 3rd 2012 5:46p Mark Roden This week we are going to look at a lightbox. A lightbox is a capability whereby the user clicks on a thumbnail image and the full size image is displayed on the screen. There are many of them, but I chose prettyPhoto because it also includes videos and flash plugins which makes it more flexible. So here goes….
prettyPhoto
prettyPhoto provides the developer an easy way to create a powerful visual effect on the webpage, whereby the user is able to view a slideshow of images.
A user sees a g [read] Keywords: xpages facebook
twitter
Stunning Firefox plugin – Tilt – 3D DOM visualizer – WOW !
Mon, Apr 2nd 2012 1:20p Mark Roden WOW – I was looking around over the weekend and I found this STUNNING plugin – Tilt
Get the plugin here
It allows you to visualize the DOM in a 3D way so you can see the node containers from top to bottom. The possibilities are endless. it also allows you to visualize the STYLE sheets and DOM in a way firebug can only dream of….
WOW
OpenNTF as you never never seen it before
Which comes from this
Tilting - OpenNTF
Here’s a video from the blog – still ̵ [read] Keywords: facebook
firefox
openntf
twitter
149
jQuery in XPages #3 – Masked Input – How does it work?
Tue, Mar 27th 2012 5:46p Mark Roden Masked Input
This article is published in conjunction with the main jQuery in XPages #3 – Masked Input
How does it work?
To add the Masked Input capability to your XPages in a generic, re-usable manner you will need to do the following:
Adding the JavaScript libraries
In the designer menu select Window | Show Eclipse Views | Package Explorer
Opening the package explorer in Domino Designer
Search for the WebContent folder
On your local machine make a “js” folder with the fol [read] Keywords: domino
ibm
xpages database
eclipse
facebook
javascript
twitter
xml
