192 Lotus blogs updated hourly. Who will post next? Home | Blogs | Search | About 
 
Latest 7 Posts
Preparing for IBM Connect 2017
Thu, Feb 9th 2017 19
Bye Eclipse, hello IntelliJ Ultimate
Fri, Feb 3rd 2017 8
First time speaking at IBM Connect in San Francisco
Sat, Jan 21st 2017 8
Websphere Liberty Profile and external authentication redirect
Wed, Dec 21st 2016 6
My slides of my Cloudant introduction session at Meet IT
Fri, Dec 16th 2016 5
I am an IBM Champion, again
Thu, Dec 15th 2016 4
My abstract has been accepted for IBM InterConnect 2017
Wed, Dec 14th 2016 9
Top 10
Preparing for IBM Connect 2017
Thu, Feb 9th 2017 19
Quick XPages tip: add Fullcalendar plugin to your application
Thu, Aug 27th 2015 12
Quick XPages tip: add pace.js to your app
Tue, Mar 29th 2016 12
My abstract has been accepted for IBM InterConnect 2017
Wed, Dec 14th 2016 9
My steps in the JSF 2.0 world
Fri, Oct 24th 2014 8
My take on Engage 2015
Wed, Apr 1st 2015 8
And the winner is…… HR Assistant
Mon, Sep 19th 2016 8
Heads up for Salesforces Trailhead
Wed, Sep 28th 2016 8
First time speaking at IBM Connect in San Francisco
Sat, Jan 21st 2017 8
Bye Eclipse, hello IntelliJ Ultimate
Fri, Feb 3rd 2017 8


Quick XPages tip: add pace.js to your app
Twitter Google+ Facebook LinkedIn Addthis Email Gmail Flipboard Reddit Tumblr WhatsApp StumbleUpon Yammer Evernote Delicious
Frank van der Linden    

pace-js-custom-loading-bar-featured-720x340

Last week John Jardin pointed me to a very interested progress bar project, Pace JS.

It is a loading progress bar which runs out of the box only by adding the Javascript and CSS theme. There is a possibility to configure it, but it is not necessary.

Getting started

I added in bower.json file the Bower package name and run Bower to update my client side framework in my On Disk Project.
}
“name”: “bower4xpages”,
“version”: “0.0.1”,
“dependencies”: {
“bootstrap.growl”: “latest”,
“eonasdan-bootstrap-datetimepicker”: “latest”,
“moment”: “latest”,
“underscore”: “latest”,
“fontawesome”: “latest”,
“pace”:”latest”
},
“private”: true
}
Next step is to refresh my On Disk Project in the Navigator inside the Domino Designer and sync the Database with my On Disk Project.

Include it

In my theme I only have to add 2 new entries

<resource>

<content-type>application/x-javascript</content-type>

<href>libs/pace/pace.js</href>

</resource>

<resource>

<content-type>text/css</content-type>

<href>libs/pace/themes/blue/pace-theme-minimal.css</href>

</resource>

Build my application an reload a page in my XPages app……… but there was an javascript.

There is a need to disable in the AMD loader in the javascript file, or use the working around at XSnippets.

To disable AMD in the Pace.js file, replace this

if (typeof define === ‘function’ && define.amd) {

    define([‘pace’], function() {

      return Pace;

    });

  } else if (typeof exports === ‘object’) {

    module.exports = Pace;

  } else {

    if (options.startOnPageLoad) {

      Pace.start();

    }

  }

By this

if (options.startOnPageLoad) {

      Pace.start();

    }

Happy coding…

twittergoogle_plusredditpinterestlinkedintumblrby feather

The post Quick XPages tip: add pace.js to your app appeared first on elstar IT.



---------------------
http://elstarit.nl/2016/03/29/quick-xpages-tip-add-pace-js-to-your-app/
Mar 29, 2016
13 hits



Recent Blog Posts
19
Preparing for IBM Connect 2017
Thu, Feb 9th 2017 6:59p   Frank van der Linden
In about 1 week I will jump on a plane and will fly across the Atlantic Ocean to San Francisco for IBM Connect 2017. This time not only as an attendee, but also a speaker and IBM Champion. My session Who wants to attend my session, need to get out of bed early. It is planned on Thursday 23rd of February in room 2003. The title is ‘How Watson, Bluemix, Cloudant, and XPages Can Work Together In A Real World Application‘ I will talk about our HR Assistant application and show the te
8
Bye Eclipse, hello IntelliJ Ultimate
Fri, Feb 3rd 2017 10:33a   Frank van der Linden
In Januari I started on a new role, Full Stack developer at Rabobank. One of the developers in my team is a big fan of IntelliJ from JetBrains, so I gave it a try over the past weeks. I must say I don’t miss Eclipse at all. Currently I am running it on macOS, but also in a VDI of the customer, which runs Windows. What is IntelliJ It is a very complete IDE, not for Java development only, but also Front end development, like AngularJS, because WebStorm is part of IntelliJ Ultimate. Lots o
8
First time speaking at IBM Connect in San Francisco
Sat, Jan 21st 2017 6:23a   Frank van der Linden
After a long period on the sessions waitlist, I received an email that my session is approved, in the end. It will my first time speaking at IBM Connect/Lotusphere, so I am looking forward to it. My session will be about the HR Assistant application, which was the winner of the IBM Development Competition 2016. #1129 – “How Watson, Bluemix, Cloudant, and XPages Can Work Together In A Real World Application” The role of a human resources employee can be hard work when it comes
6
Websphere Liberty Profile and external authentication redirect
Wed, Dec 21st 2016 7:18p   Frank van der Linden
At one of my customers I was busy with the upgrade their virtual development environment. Current state Currently we run Websphere Application Sever 8 inside Rational Application Developer on a not so fat virtual development environment. Which cause lots of waiting for the developer to deploy changes of the portal to the local WAS server. We tried JRebel, but in combination with RAD I can say it is not happy couple. It caused have memory use and after a certain period a not response environment
5
My slides of my Cloudant introduction session at Meet IT
Fri, Dec 16th 2016 1:15p   Frank van der Linden
Last Wednesday Meet IT conference was held at IBM Client Center in Milan. I did a session about Cloudant and how you can use it inside an XPages application. My session was in the Auditorium, a big room like a theater with good chairs, very good audio and screens. Was nice to it such big room. A (XPages) developers guide to Cloudant – MeetIT from Frank van der Linden A big thanks to Giuseppe Grasso, Daniele Grillo and Stefano Benassi for organising it. All well deserved IBM Champion
4
I am an IBM Champion, again
Thu, Dec 15th 2016 6:43a   Frank van der Linden
Yesterday at MeetIT conference in Milan, Amanda Bauman, has announced the IBM Champions for ICS. I am among the 123 IBM Champions in 2017, and that makes me very happy. It is the third time after 2013 and 2014, but the first time as an Freelancer. Thanks to all how nominated me. Let see what 2017 will bring as an IBM Champion. One great event is already known, speaking at IBM InterConnect. A special attention for 2 new Dutch IBM Champions, Ronald Dekkers from Acuity and Remco Angioni, my fo
9
My abstract has been accepted for IBM InterConnect 2017
Wed, Dec 14th 2016 10:13a   Frank van der Linden
Yesterday I received an email from the IBM InterConnect 2017 team with the message that my abstract has been accepted. Wow, was stunned, and happy and a little bit ‘scared’…….. When the news is setting in, I was thinking of the next steps. I already made the registration, next housing and flights. And of course preparing my slide deck My session will be about our HR Assistant application we build for the ICS Development Competition, with a deep dive in the code and lesson
6
Special page for my open source projects
Mon, Dec 12th 2016 9:05p   Frank van der Linden
Tonight I thought it would be a good idea to create a special page at my side with links of all my open source projects. You can find them here or at the bottom of my homepage. by The post Special page for my open source projects appeared first on elstar IT.
6
My evolution as a developer: becoming a Full stack developer
Thu, Dec 8th 2016 8:18p   Frank van der Linden
Is the time of the year to have some time to reflect. Entering the IT Around 2000 I entered the IT world, first as a Domino Administrator, but after a good talk with a former colleague I made the switch to become a Developer. So I became Domino Developer and learned Formula language and later Lotusscript. Did some certifications. When the browser became more important I moved more and more to web development and did some great projects, for example I build the public website of a big insurance
3
My slides of my Cloudant session at Sutol 2016
Fri, Nov 11th 2016 11:52a   Frank van der Linden
Today I did a session at Sutol conference in Prague. It was about how to get started with Cloudant as an XPages developer. A (XPages) developers guide to Cloudant from Frank van der Linden In my session I mentioned my Cloudant OSGi plugin, which can be find at https://bitbucket.org/flinden68/cloudant-connector/ by The post My slides of my Cloudant session at Sutol 2016 appeared first on elstar IT.




Created and Maintained by Yancy Lent - About - Planet Lotus Blog - Advertising - Mobile Edition