elstar IT

Fullstack | Java | Tech Speaker | Tech Coach | Frank van der Linden

  • About me
  • Blog license
  • My Open source projects

Added Bootstrap Growl notification to an XPage application

23-07-2014 2 responses flinden68 development

On my current project, who I wrote several blog posts before, I was missing something, the possibility to notify users when a backend process was finished.

After I read the post of Jesse Gallagher, Generating Toaster, dGrowl, etc. Notifications From Server Code, I was wondering if I can use this principle for Growl.

I found a JQuery Growl plugin who implement the Bootstrap alert classes.

So I created a managed Bean, Growl, added it to faces-config.xml, so I can use it everywhere in my application.

To the Growl class I added the toaster method from the post of Jesse and made some modifications, so it suits my needs.

[dropshadowbox align=”none” effect=”lifted-both” width=”500px” height=”” background_color=”#ffffff” border_width=”1″ border_color=”#dddddd” ]Growl toaster method[/dropshadowbox]

 

Now I am able to add a message to my application, by one line of code

[dropshadowbox align=”none” effect=”lifted-both” width=”600px” height=”” background_color=”#ffffff” border_width=”1″ border_color=”#dddddd” ]Screen Shot 2014-07-23 at 12.28.47[/dropshadowbox]

With the following result

[dropshadowbox align=”none” effect=”lifted-both” width=”600px” height=”” background_color=”#ffffff” border_width=”1″ border_color=”#dddddd” ]Screen Shot 2014-07-23 at 12.13.16[/dropshadowbox]

 

For possible future use I also implemented a method who reads all the FacesMessages from the FacesConext and display all the messages with the right style class for every Severity Level.

 

Tags: bootstrap, development, xpages

2 thoughts on “Added Bootstrap Growl notification to an XPage application”

  1. Anis Marrouchi says:
    28-07-2014 at 17:15

    Hello Frank,
    I am recommending this list of bootstrap resources available at twittstrap
    Regards

    Reply
  2. Pingback: NotesIn9 | NotesIn9 147: Using dGrowl with XPages

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

  • « Give the XPages File download control a bootstrap UI
  • Domino 9.0.1 FP2 break DOTS »

Contact me

My name is Frank van der Linden and I am an independent software developer based in the Netherlands. The last 2 years I was awarded as IBM Champion. Also I am on the board of OpenNTF. My specialisations are Java, Web development and Domino.


If you want to hire me, please fill in the Contact form


IBM Champion web badge
Apache Logo

All the code on this blog are under the Apache License 2.0. For more details, see Apache License 2.0

Most recent posts

  • Engage 2020: Hello are you listening, There is stream for everything
  • Spring Cloud Function on Azure run locally
  • Deploy Spring Cloud Function to IBM Cloud
  • Speaking (again) at Engage in a Zoo
  • Congratulations, you’re an IBM Champion (again)!

Latest reactions

  • Spring Cloud Function on Azure run locally - elstar IT on Deploy Spring Cloud Function to IBM Cloud
  • flinden68 on Quick XPages tip: add Fullcalendar plugin to your application
  • Rajesh samal on Quick tip: Swagger support for Spring Webflux
  • dsieyx on Quick XPages tip: add Fullcalendar plugin to your application
  • John on Named as IBM Champion 2019

Archive

  • March 2020
  • February 2020
  • January 2020
  • October 2019
  • September 2019
  • June 2019
  • May 2019
  • April 2019
  • March 2019
  • January 2019
  • December 2018
  • October 2018
  • September 2018
  • May 2018
  • April 2018
  • March 2018
  • February 2018
  • January 2018
  • December 2017
  • November 2017
  • October 2017
  • July 2017
  • June 2017
  • May 2017
  • April 2017
  • March 2017
  • February 2017
  • January 2017
  • December 2016
  • November 2016
  • October 2016
  • September 2016
  • August 2016
  • June 2016
  • May 2016
  • April 2016
  • March 2016
  • February 2016
  • December 2015
  • November 2015
  • October 2015
  • September 2015
  • August 2015
  • July 2015
  • June 2015
  • May 2015
  • April 2015
  • March 2015
  • February 2015
  • December 2014
  • October 2014
  • September 2014
  • August 2014
  • July 2014
  • June 2014
  • May 2014
  • April 2014
  • March 2014
  • February 2014

Category

  • bluemix
  • business
  • cloudant
  • community
  • development
  • hrassistant
  • openntf
  • running
  • salesforce
  • Springboot
  • Tesla
  • trailrunning
  • Uncategorized
  • watson
  • OpenNTF
  • Collaboration Today
  • XSnippets
  • Stackoverflow
  • IBM Collaboration Solutions
  • Social Business Toolkit
  • About me
  • Dutch curriculum vitae
  • English curriculum vitae
  • Google+
  • LinkedIn profile
  • Twitter
  • Slideshare
  • Blog license
  • My open source projects