XPages and Me

My Journey into XPages Development

Dabbling in Bootstrap and Font Awesome Series Overview

I’ve pretty much wrapped up my “Dabbling in Bootstrap and Font Awesome” series, so, I wanted to give you a list with links to all the topics covered:

Read more of this post

Diving into Bootstrap and Font Awesome – Part 2: Enhancing the Bootstrap Panel Custom Control

As I’ve mentioned in my post “Dabbling in Bootstrap and Font Awesome Part 7: All these shiny new toys! What now?”, using responsive UI frameworks and creating web apps for mobile devices, forces us developers to rethink the way we set up an application’s UI.

With Bootstrap’s grid system, you can put content pretty much wherever you like and using Bootstrap panels, you can organize your content in a way that makes sense and looks good, be it on a desktop or a mobile device.

If you have used the Bootstrap Panel yet, you might have noticed, that it expands to the height of the content inside. That can be problematic:
Read more of this post

Dabbling in Bootstrap and Font Awesome Part 6-8: re(Use) Me! (Panel)

The Bootstrap panel can be used, to nicely organize content on your web page. In this post, I will show you how to create a reusable custom control for the panel.

Read more of this post

View Data Source: Sorting your full-text search results

This post is thanks to my colleague Daniel Soares.

Daniel had created a repeat control based on a view, which displays data after the user did a search by name. As is common, the result list was unsorted, even though the first column in the view is sorted.

Looking at the data properties of the panel, there is an option for a sort column:

Image 1

After setting that property with the column name, opening the XPage in the browser and executing a search, Daniel would get an error 500.

Read more of this post

Diving into Bootstrap and Font Awesome – Introduction and Part 1: FA Icon Position in Button

In my series “Dabbling in Bootstrap and Font Awesome” I showed you how to set up the themes and created reusable custom controls.

In this new series, I will try to demonstrate, how I used some of the custom controls in my own applications in hopes, it will give you some ideas on how to use all that stuff.

If you have any special requests, what to show you, please let me know and I try to accommodate your wishes.

Additionally, once we get into this series for a bit, I hope to make another NotesIn9 video ( if David lets me ;o) ) to summarize some of the things already covered.

As a first post in this series, I wanted to show you, how to put an icon to the right of the text of a button.

Read more of this post

XPages is Awesome! XPages + UI Framework (Bootstrap) + Angular.js = Even AWESOMER!

Today, during a meeting where we demoed an application built with XPages, Bootstrap and Angular.js, I realized once again how awesome XPages development is and the endless possibilities it offers, enabling you to tap pretty much any data source and to display the information in an intuitive, sleek User Interface.

Yes, it is true. I love XPages development!

Dabbling in Bootstrap and Font Awesome Part 6-7: (re)Use Me! (Modal)

Today, I am going to show you how to set up a reusable custom control for a Bootstrap Modal.

Read more of this post

Dabbling in Bootstrap and Font Awesome Part 8: DB Profile and Theme

As I’ve mentioned in my previous post, I have a DB Profile document where I can set the Bootstrap navbar type, navbar look, navbar container and the content container I’d like to use across my whole application. It also contains a setting for the Bootstrap field size (read more here) and in this post, I am going to explain how I reference and use that setting in my theme.

Read more of this post

Dabbling in Bootstrap and Font Awesome Part 6-6: (re)Use Me! (Navbar)

In this post, I will show you how I set up my Bootstrap navigation bar. I know there are already many different posts out there on that. The difference with mine is, that I am using a profile document to define, what kind of navigation bar is being used across the whole application.

In addition, the profile document is also being used to manage the Bootstrap container type and field sizing (more about that in another post).

So, lets begin.

Read more of this post

Dabbling in Bootstrap and Font Awesome Part 6-4: (re)Use Me!

… or “xpagesandme.wordpress.com” goes NotesIn9.

So, David Leedy gave me the opportunity to come onto his show and I was finally able to make my first video and here it is as part of his Hackathon:

Enjoy!

P.S.: The NotesIn9 video by Tim Tripcony I am referring to in my video, can be found here.