Johnno's Workbench - Tips, Tutorials, Domino, XPages, Java, Mobile, Appcelerator, etc

28 Aug 2015
4

South Africa’s IBM Notes and Domino User Group is now on Meetup.com

It’s finally here!!! South Africa’s IBM Notes, Domino and XPages User Group (aka SALUG) has just been launched on Meetup.com.

In case you don’t know, IBM Notes & Domino is a platform for rapidly developing rich web applications thanks to modern technologies and frameworks including XPages, jQuery, Dojo, Bootstrap and more.

This meetup is for those interested in one or more of the various areas that make up the IBM Notes & Domino ecosystem. Whether you’re a newbie, a specialist, or a general user of the technology, there’s a place for you here. Activities will include local meetups, events, workshops, skills growth, showcases, demos and much much more.

We are in the beginning stages of this group and will soon be uploading valuable content as well as scheduled meetups. In the meantime, it will be great to start connecting with everyone.

Click here to join now and stay tuned for more. See you on the other side :)

24 Aug 2015
2

Android Tip: Enable Keyboard for your apps in Genymotion

genymotion

This is a quick tip on how to enable the simulator keyboard when running your apps using Genymotion.

You might find that when running your mobile app in Genymotion, the simulator’s keyboard doesn’t display when focusing on an input field. The reason for this is because, by default, Genymotion has the input control set to your laptop/desktop’s hardware keyboard.

To enable the simulator’s keyboard, do the following:

  1. Launch Genymotion
  2. On the device profile, click on the Settings icon
  3. At the bottom in “Android system options”, check the box for “Use virtual keyboard for text input”
  4. Click “Ok”

 

GenymotionKeyboard1

GenymotionKeyboard2

And that’s it.

Till next time, enjoy :)
John
20 Aug 2015
6

IBM Domino Tip: Pass HTML to RichTextItem without using MIMEEntity

Notes8_9Logo

This is a quick tip on how to include HTML when populating a RichTextItem object without using MIMEEntity in IBM Notes/Domino.

First some venting

It’s amazing how certain easter egg features have been available in the Domino Object Model since release 5, that I’ve managed to keep missing, yet constantly required. This morning I happened to stumble across one of them.

For the longest time, whenever I needed to send out a mail programatically via code that needed even the slightest bit of HTML, I would resort to using a MIMEEntity object. Which is great don’t get me wrong, but most of the time it’s actually overkill. This morning, all I wanted to do in my RichTextItem is include a URL (Not a doclink, but a predefined URL). I would do this by using:

RichTextItem.appendText("www.ukuvuma.co.za");

This was never an issue for me back in the day because, in IBM Notes Mail, Notes would see it as a url and convert it into a hyperlink. In my particular case when testing with Gmail and Outlook, the url just showed as plain text and nothing more. “Oh crap!” are the words I believe I used this morning. I kept thinking…”here we go again with MIMEEntity“.

Thankfully, I took a minute to double check the Designer Help. At first I noticed that there were no real options for me in the RichTextItem object, but when taking a look at the RichTextStyle object (this is used to provide standard font changes, etc. in your RichTextItem), I noticed what is right now to me the most beautiful object property of the year….PassThruHTML!!!

The Solution

Using my example above, assuming you have a RichTextStyle object initiated, all I needed to do was the following:

RichTextStyle.setPassThruHTML(true);
RichTextItem.appendStyle(RichTextStyle);
RichTextItem.appendText("<a href="www.ukuvuma.co.za">www.ukuvuma.co.za</a>");
RichTextStyle.setPassThruHTML(false);
RichTextItem.appendStyle(RichTextStyle);

That’s it. Domino converts the text into HTML and applies it to your RichTextItem object. I’ve spent the day kicking myself for not seeing this before, but I think I’m over it now. As long as this blog post can help others early enough from following the same road I travelled.

Till next time :)

John

11 Aug 2015
0

Bluemix Tip: How to prohibit Anonymous access to your NodeRed Flow Editor

bluemix

I’m a huge fan of NodeRed and have an instance running on Bluemix. The problem though is that by default Anonymous access is allowed to your Flow Editor.

Thanks to someone answering my question on StackOverflow, this access issue is easily resolved.

Prohibit Anonymous Access to NodeRed Flow Editor

– In your Bluemix Dashboard, click on your NodeRed Application Icon to be taken to the Application Dashboard Page.

– In the left menu, click on “Environment Variables“.

BluemixNodeRed1

– In the Body Window towards the top, click on the “USER-DEFINED” tab.

– Create a variable with the name “NODE_RED_USERNAME” and a value of “e.g. admin”.

– Create a variable with the name “NODE_RED_PASSWORD” and a value of “e.g. password”.

– Click on “Save“.

BluemixNodeRed2

Your NodeRed Application should restart automatically on “Save“. but in case it didn’t work, manually restart your application. Once restarted you will be prompted for a username and password before being able to access the Flow Editor. What’s great is your services created in NodeRed are still publicly available.

Cheers for now :)

John

30 Jul 2015
0

XPages and Bootstrap Tip: Style the File Download control

This is a quick tip on how to convert a plain looking XPages File Download control into a Twitter Bootstrap style Table.

Everyone should know by now that the latest XPages Extension Library (2 versions ago actually) includes the Twitter Bootstrap framework. While is this brilliant, the reality is that many of us already have existing designs where Twitter Bootstrap is manually included. This means that XPages controls used in these designs look plain when compared to adding bootstrap-styled HTML.

A good example is the File Download Control below. I’ve added this control to my XPages app that has Twitter Bootstrap manually configured, but the control is not affected by this framework:

FileDownloadExample1

If you view the HTML source of the File Download Control in Firebug, you’ll see it’s just a table with row and column tags. This is good news, because Twitter Bootstrap’s table designs follow the same pattern, which means that by just adding 2 Bootstrap classes to the control, you change look of it to:

FileDownloadExample2

To achieve this, all you have to do is add the “table” and “table-hover” class to the File Download Control. See example below:

<xp:fileDownload
   value="#{attachmentsDoc.Attachments}"
   rows="1000"
   id="downloadAttachments"
   displayLastModified="false"
   hideWhen="true"
   allowDelete="true"
   displayCreated="false"
   styleClass="table table-hover">
</xp:fileDownload>

You can imagine that this one example opens a series of additional opportunities for those who are manually applying the Twitter Bootstrap framework to their XPages Design.

Till next time
Cheers :)