Dojo in XPages 12 – Animating DOM Elements with Simple Actions
One of the great features of Dojo is that it provides the ability to animate DOM elements. The easiest way to make use of that functionality in an XPages application is the built-in simple actions. In...
View ArticleDojo in XPages 13 – DOM Element Animation Functions
In the last post, we saw how to animate DOM elements with simple actions built into XPages. In this post, we’ll look at the underlying Dojo code they generate and see how to create them without the...
View ArticleDojo in XPages – 14: Custom Animations
In the last post, we looked at the dojo code to perform pre-defined animations. In reality, those are wrappers for the actual animation function. In this post, I’ll show how to animate any DOM element...
View ArticleDojo in XPages – 15: Modifying the Rate of Animation with Easing Functions
In the last few posts, we’ve looked at dojo code to perform pre-defined animations and custom animations. By default, the animations progress in a linear fashion, but the rate of animation can be...
View ArticleDojo in XPages – 16: Attaching Event Handlers with dojo.on()
In this post, I’ll show how to dynamically add event handlers to one or more events on one or more DOM elements with dojo.on(). Dojo in XPages Series Dojo in XPages — All Blog Posts Including the...
View ArticleDojo in XPages – 17: Getting Event Information from Event Handlers
In the last post, we looked at how to dynamically attach event handlers to DOM elements with Dojo. In this post, we’ll take a look at the information available to the event object that is available to...
View ArticleDojo in XPages – 18: Event Delegation
We recently saw how to dynamically attach event handlers to DOM elements with dojo.on(). In this post, we’ll see how to use event delegation to set up event handlers that will work on DOM elements that...
View ArticleFixing an “Object has been removed or recycled” error when searching a view...
I troubleshot a maddening issue in an XPages application recently, so I’m documenting it in case anyone else comes across it (or has a better solution). The Problem In a pretty straightforward...
View ArticleImplementing Font Awesome 4.0.3 in XPages
Font Awesome is a great library of icons (implemented as a font) that you can use in your applications. Russ Maher wrote a great post and provided a sample application to make it very easy to get up...
View ArticleUsing Font Awesome Icons in XPages
In the last post, I showed how to implement Font Awesome in your XPages application. In this post, I’ll show two ways to display Font Awesome icons on your pages. Option 1 – Pass-through HTML Font...
View ArticleAdding Event Handlers to Font Awesome Icons in XPages
In the previous two posts, I showed how to implement Font Awesome in XPages and two options for adding icons to your page. In this post, I’ll show how you can add event handlers so that you can trigger...
View ArticleImproving the Responsivness of an XPage/Custom Control with a View Panel in...
In his presentation during the recent TLCC webinar, Mark Roden had some great tips on speeding up Domino Designer. During the open Q&A period, a question about improving the responsivness of DDE...
View ArticleDojo in XPages – 19: Using AJAX to Retrieve Data from a REST Service
AJAX is a critical component to creating applications that are highly responsive (performance-wise) in the browser. When you initiate an asynchronous request, the rest of the page is not blocked while...
View ArticleDojo in XPages – 20: Handling Successful or Failed AJAX Requests
In the last post, I showed how to use an xhr.get() request in Dojo to asynchronously retrieve information from a REST service. In this post, we’ll look at how to execute code when the request is...
View ArticleXPages Tip – Disable AutoComplete on a Field
Browsers will often remember values that you enter in fields and provide typeahead/autocomplete functionality for you when using fields with those same names in the future. This is also true of fields...
View ArticleXPages Tip – Disable Autocomplete on All Fields via the Theme
In my last post, I showed how to disable autocomplete on a single field. In this post, I’ll show how to disable it application-wide via the theme. If you want to prevent autocomplete on all fields in...
View ArticleDojo in XPages – 21: Displaying Images with a ThumbnailPicker
If you have images attached to a document in an XPages application, you can display a scrolling series of them with the ThumbnailPicker widget. In this post, I’ll show how to include the required dojo...
View ArticleDojo in XPages – 22: Displaying an Image Gallery of Attachments
In the last post, I showed how to display a scrolling ThumbnailPicker of images attached to a document in XPages. In this post, we’ll look the Gallery widget, which displays thumbnails but also...
View ArticleDojo in XPages – 23: Using a Lightbox to Display Image Attachments
In recent posts, I showed how to create a thumbnail picker and a gallery of attached images on an XPage. In this post, I’ll show how to use the Lightbox widget to display images in a specialized dialog...
View ArticleDojo in XPages – 24: Using a LightboxNano to Display an Attached Images
In the last post, I showed how to create a Lightbox dialog that allows you to cycle through a group of images. In this post, I’ll show how you can create a simpler version that displays a single image...
View Article