Posts Tagged ‘oneuiv2’

20 Jul 2012
4

A quick example of the Dynamic Content & Data View Controls used in an XPages App

Hi Everyone. I’ve finally made some time to test out a few features from the XPages Extension Library. It was a bit of a learning curve, but it’s looking good.

Click here to view a Demo of these Controls.

I apologize in advance if there’s a small delay when using this App. It’s been hosted on a Server in South Africa…so the Internet Line is to blame.

Anyways…below is a list of Controls I’m using in the XPages App:

1. On top you’ll see the XPages Debug Control that was created by Mark Leusink and is available on OpenNTF. It’s very cool in the sense that it allows you to print messages directly to the Control and not via the Server Console. It also allows you to see all Scoped Variables that are being used in the XPage. Finally, it has an awesome feature where you can execute SSJS Scripts and view the result. I am very happy with this Control.

2. I’m using the Application Layout to control the Look and Feel of the XPage. It’s always a massive time saver. Click here to view the Video from NotesIn9 that explains the Application Layout in more detail.

3. in the Left Section I’m using the Navigation Control made available in the XPages Extension Library. This was a trick and a half, but I managed to use Partial Refreshes for all my onclick events. This allows me to use 1 XPage and multiple Custom Controls.

4. Depending on loading time, you might see the XPage go into Standby during the Partial Refresh. This is thanks to the Standby Custom Control which is available for download from OpenNTF. This is an awesome feature that needs no additional resources to function.

5. I have 2 views in the Main Content Section. These are Data Views that I am using from the XPages Extension Library. It’s safe to say that I am currently using very basic functionality from the Data View. There’s a lot more that you can do with it.

6. The 2 Data Views exist in a Dynamic Content Control, also from the XPages Extension Library. I won’t go into too much detail about this except that the Dynamic Control keeps your XPage light, and only loads Controls when they are needed. Very awesome stuff.

I am quite happy with what I’ve achieved in the last 3 hours. I had to put a few hacks in place to make everything work with Partial Refreshes, but all in all it was quite easy to implement.

I highly recommend the XPages Extension Library Book. It’s a life saver.

Till next time. Enjoy :)

5 Jan 2012
2

Video Demo: Updated Ukuvuma XPages Showcase

Hi Everyone. It’s been quite a while since my last post. I apologize for that. Holiday season and all :).

So, i decided to kick-off this lovely year by upgrading our online XPages Showcase. The initial version (Version 1) was designed using Notes/Domino 8.5.2 and made use of the oneuiv2 Theme. Now that we’re running Notes/Domino 8.5.3, I’m using some of the cool features that Xpages provides. An example of this is the Javascript and CSS optimization and the oneuiv2.1 Theme.

So, long story short, we now have a Version 2 XPages Showcase. I created a short Demo Video that gives you a walk-through of some of the features that I use.

To access the Showcase, simply Click Here, and login using the Username “guest” and Password “guest“.

Please feel free to leave any feedback. It’s always appreciated and welcome.

I’ll soon be adding many more features and samples to our XPages Showcase, including a JQuery Accordion Control, Dojo Grids, our new JQuery Mask Control that we’ll be submitting on OpenNTF very soon, and much much more.

We’ll also very soon be launching our .Net Showcase. I’m very excited about this. Sorry to all the IBMers, but trust me, you’ll see what mean when it’s launched.

Until next time. Enjoy :)

25 Oct 2011
1

Ukuvuma welcomes its newest Xpage to the Showcase – The Timesheet Dashboard

Hi Everyone. Well, here it is. I promised this yesterday, but I decided to include a Video walk through of the Timesheet Dashboard, and I struggled a bit to get the Dojo Accordion Control to work in IE7 & 8. Thanks Paul Withers for your help.

In this Blog Entry, I explain the technical features of the Timesheet Dashboard. To test out the Timesheet Dashboard, click here to open up the Ukuvuma Xpages Showcase. Additionally, you can watch the below video which gives you a walk through of the Timesheet System in our Xpages Showcase.

 

 
OVERVIEW OF TIMESHEET DASHBOARD:

The idea behind the Timesheet Dashboard, is to allow Users to quickly Add, View and Edit their Timesheets without having to navigate away from the Page or wait for the Page to reload. This is where Xpages is very powerful. once the Users Timesheets are added, they can then navigate to the Project Manager Report and view their captured timesheets per Project.

TECHNICAL INFORMATION REGARDING THE TIMESHEET DASHBOARD:

The Timesheet Dashboard makes use of the following additional Custom Controls that aren’t shipped with Domino 852:

  • Dojo Accordion Container + Pane – Used to separate General Details from Claim Details – ( Xpages Extension Library )
  • Tooltip Control - Used to create Tooltip Popups when hovering over Information or Help Icons – ( Xpages Extension Library )
  • Dialog + Dialog Button Bar – Used to Edit Timesheet Records in the Repeat Control - ( Xpages Extension Library )
  • View Picklist Control – Used to select Projects for the Timesheet Document - ( Mark Hughes )
Over and above these controls, I also use a Repeat Control with a Pager to display already captured Timesheets.
MENTAL NOTES WHEN WORKING WITH THESE CONTROLS:
  1. The Dojo Accordion Container does not work properly in IE7 and 8 if you do not specify a height in the Style Properties.
  2. Add a Panel to each Accordion Pane and then add your content into the Panel.
  3. Make sure that your Tooltip Controls refresh if the controls they are mapped to are refreshed. If not, they lose their binding to the mapped Control.
I trust you will enjoy, and please as always, feel to provide as much feedback as you want.
Many Thanks
John
25 Oct 2011
0

Ukuvuma Xpages Showcase – The Project Manager Dojo Grid

Hi Everyone. It brings me great please to announce our first Xpages Interactive Demo. In our Showcase, I demo a Project Manager Report, developed using a Dojo Tree Grid Report. The Grid gets populated using JSON, and all the Business Logic is written in Server Side Javascript.

You’ll see I’m also using the Application Layout Custom Control from the Xpages Extension Library, which you can find on OpenNTF.

A quick Note, if you change the selection from “All Projects” to “Selected Project(s)“, you’ll see Mark Hughes’s View Picklist Custom Control in action.

Click Here to open the Ukuvuma Xpages Showcase. You will get to a login page. Simply enter ‘guest‘ as the Username and ‘guest‘ as the Password. I more than welcome feedback and comments from everyone. Enjoy :)

NOTE: This Showcase is hosted in South Africa, and while it will provide an almost real time experience for South Africans, it might take a few seconds to load internationally.


COMING SOON!!! Create Timesheets and Projects using a Xpage Timesheet Dashboard.

22 Oct 2011
1

A full day of Xpages and Dojo

9QKUWDNWXP5W
Good day/evening all :)

As I had hoped, I had an awesome 10 full hours of XPages today. What a learning curve for the most part. I made the decision this morning to investigate and manipulate some of the Controls in the XPages Extension Library. Sadly, I found a defect as well as an inconsistency.

First and foremost, a big SALUTE to the XPages Community for supporting me today. You guys make programming in XPages such a joy.

Today I created a Travel Requisition Dashboard, which is made up of the following:

The defect I found was in the Dojo Tab Container. It works well for the most part, but if you enable the “Closable” Property in the Dojo Tab Pane, you will experience a hiccup now and then. Essentially, if you try to close a tab when that tab is inactive (i.e. if you’re currently viewing another tab), the tab will be removed in the UI, but not in the backend, which just messes up your entire page. I will be logging this on OpenNTF soonest and hopefully the guys will sort it out soon.

Then, I used the Extension Library Dialog Control, and inside it, I added the Dojo Accordion Container with the Button Dialog. After much troubleshooting, I finally got it working in Firefox, but sadly not in Chrome or IE. I had to wash my hands off the Dialog Control for now.

Then, thanks to Jeremy Hodge and Mark Hughes, I got the ZetaOne Modal Dialog working on my Page. It took a little while initially, but once I got it up and running, I added the Accordion Container, and guess what….My first test was successful on IE, Firefox, Chrome and Safari. Now that’s what I call POWER CODE.

To sum it up, it’s Friday 10:30pm, and it’s been a Power Day. I look forward to chilling a bit this weekend. New Zealand play France tomorrow.

Have a good weekend all.

John

12