Clik here to view.
Creating a Dojo Filtering Select Control in XPages
If you’d like to provide users the ability to type directly into an XPages combo box (like Dialog List field in the Notes client), you can easily convert combo boxes to dojo filtering select controls...
View ArticleClik here to view.
Dojo Data Grid – Part 28: Overriding Grid CSS
In the last post, I showed how to modify the look and feel of a Dojo Data Grid in XPages by selecting a different dojo theme. In this post, I’ll show how to further customize the UI by adding your own...
View ArticleClik here to view.
Using Dynamic Value Binding to Create a Reusable Field
In XPages, you can compute the value binding of an input control. In this post, I’ll show how to use the powerful capability in order to streamline your design by creating custom control that allows...
View ArticleClik here to view.
More on Using Dynamic Value Binding to Create a Reusable Field
In my last post, I showed how to use dynamic value binding to create a custom control to reuse a field. In this post, I’ll describe another use case, dig into the functionality a little further, and...
View ArticleClik here to view.
The difference between two methods of adding client-side JavaScript...
There are two ways to add event handling client-side JavaScript code to an XPages input control. This post shows the difference in what is generated and a use case for when the less-obvious method can...
View ArticleClik here to view.
Dojo Data Grid – Part 29: Displaying the Row Count
In this post, I’ll show how display a row count for the grid and update it after executing a search. Dojo Data Grid Series Dojo Grids in XPages — All Blog Posts All About the Timing The grid has a...
View ArticleClik here to view.
XPages Tip: Dynamically Loading a Style Sheet for IE Compatibility Mode
I’ve wrestled with IE’s compatibility mode (which makes higher versions of IE act like IE7) a few times recently. Some workarounds I’ve come across were documented previously. In this post, I’ll show...
View ArticleClik here to view.
CSS Tip: Dealing with Table Spacing in IE Compatibility Mode
One of the most frustrating things about dealing with IE compatibility mode is how it handles table layouts. In my recent experience, it seems to automatically stretch them out to take up more room...
View ArticleClik here to view.
Dojo Data Grid – Part 30: The onStyleRow Event
In this post, I’ll dig into the onStyleRow event of the XPages Dojo Data Grid in order to show how it can be used to modify the display of grid rows. This will lay the foundation for the next few...
View ArticleClik here to view.
Getting Awesome Category Icons in Data Views – A jQuery Variation
In a Twitter exchange with Paul Withers regarding his great post on replacing category expand/collapse icons in a Data View with Font Awesome icons, he mentioned that it would be interesting to see a...
View ArticleClik here to view.
Dojo Data Grid – Part 31: Setting Row Styles on Hover, Selection, and...
In this post, I’ll show how change the row color in an XPages Dojo Data Grid based on whether the row is hovered over, selected, or is an odd-numbered row. Dojo Data Grid Series Dojo Grids in XPages —...
View ArticleClik here to view.
Dojo Data Grid – Part 32: Setting Row Color Based on Row Data
In this post, I’ll show how dynamically change the row color in an XPages Dojo Data Grid based on data in the row. Dojo Data Grid Series Dojo Grids in XPages — All Blog Posts Conditional Row Styling A...
View ArticleClik here to view.
XPages Tip: Setting a Date Field with @Now
I came across an interesting quirk recently when using @Now() to set date fields in an XPages workflow application — it works on the front-end (XSP) document but not on a back-end NotesDocument....
View ArticleClik here to view.
Set the Bootstrap class for all text fields in XPages with a Theme
In order to enable your fields to pick up Bootstrap styling, you must specify the class name form-control on each of them. In this post, I’ll show how to make this much easier by setting it for all...
View ArticleClik here to view.
Set the Bootstrap class for all multiline text fields and labels in XPages...
In my last post, I showed how to automatically set the class name to pick up Bootstrap styling on all text fields in an XPages application via the theme. In this post, I’ll show how to set the class...
View ArticleClik here to view.
Adding Bootstrap Error Styling to a Select2
In this excellent post, Mark Leusink shows how to create a reusable control that makes it easier to create Bootstrap-styled fields with labels and field validation. While using a similar concept —...
View ArticleClik here to view.
Triggering a Partial Refresh when a Select2 Value is Changed in XPages
In my last post, I showed how to add Bootstrap error styling to a Select2. As I’ve continued to work with Select2, I came across another challenge — triggering a partial refresh when a Select2 value is...
View ArticleClik here to view.
Published in The VIEW: Article on Reusable Message Display Control for XPages
The first article of a two-part series by myself and the estimable Troy Reimer has been published in The VIEW. (Subscription Required) Reusable and Consistent Message Displays in XPages Part 1: Inline...
View ArticleClik here to view.
Conditionally Render an Event Handler
One of the great features of XPages is that so many properties can be computed dynamically. One such property that you may not have realized is that you can even dynamically determine whether to render...
View ArticleClik here to view.
Resizing a Bootstrap 3 Modal
The Twitter Bootstrap modal is a very slick dialog that you can easily use within XPages. In this post, I’ll show how to increase the size of modals globally. I’ll also show how to re-center the modal...
View Article