Congratulations!

[Valid RSS] This is a valid RSS feed.

Recommendations

This feed is valid, but interoperability with the widest range of feed readers could be improved by implementing the following recommendations.

Source: http://quintessens.wordpress.com/feed

  1. <?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
  2. xmlns:content="http://purl.org/rss/1.0/modules/content/"
  3. xmlns:wfw="http://wellformedweb.org/CommentAPI/"
  4. xmlns:dc="http://purl.org/dc/elements/1.1/"
  5. xmlns:atom="http://www.w3.org/2005/Atom"
  6. xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
  7. xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
  8. xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
  9. >
  10.  
  11. <channel>
  12. <title>Kwintessential Notes</title>
  13. <atom:link href="https://quintessens.wordpress.com/feed/" rel="self" type="application/rss+xml" />
  14. <link>https://quintessens.wordpress.com</link>
  15. <description>My contribution to the Notes &#38; Domino community</description>
  16. <lastBuildDate>Mon, 20 Nov 2017 12:00:20 +0000</lastBuildDate>
  17. <language>en</language>
  18. <sy:updatePeriod>hourly</sy:updatePeriod>
  19. <sy:updateFrequency>1</sy:updateFrequency>
  20. <generator>http://wordpress.com/</generator>
  21. <cloud domain='quintessens.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
  22. <image>
  23. <url>https://secure.gravatar.com/blavatar/8f749cca72928e560de64e94b3a0eb95?s=96&#038;d=https%3A%2F%2Fs2.wp.com%2Fi%2Fbuttonw-com.png</url>
  24. <title>Kwintessential Notes</title>
  25. <link>https://quintessens.wordpress.com</link>
  26. </image>
  27. <atom:link rel="search" type="application/opensearchdescription+xml" href="https://quintessens.wordpress.com/osd.xml" title="Kwintessential Notes" />
  28. <atom:link rel='hub' href='https://quintessens.wordpress.com/?pushpress=hub'/>
  29. <item>
  30. <title>A day lost due to DDE incapabilities</title>
  31. <link>https://quintessens.wordpress.com/2017/11/15/a-day-lost-due-to-dde-incapabilities/</link>
  32. <comments>https://quintessens.wordpress.com/2017/11/15/a-day-lost-due-to-dde-incapabilities/#comments</comments>
  33. <pubDate>Wed, 15 Nov 2017 15:43:54 +0000</pubDate>
  34. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  35. <category><![CDATA[development]]></category>
  36. <category><![CDATA[DDE]]></category>
  37. <category><![CDATA[XPages]]></category>
  38.  
  39. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2774</guid>
  40. <description><![CDATA[Today I lost a complete development day due to errors related to DDE. After building a project I constantly get errors as followed: HTTP JVM: com.ibm.xsp.webapp.FacesServlet$ExtendedServletException: javax.faces.el.EvaluationException: java.util.MissingResourceException: Can&#8217;t find resource for bundle java.util.PropertyResourceBundle, key strings and: HTTP JVM: java.lang.SecurityException:&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2017/11/15/a-day-lost-due-to-dde-incapabilities/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2774&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  41. <content:encoded><![CDATA[<p>Today I lost a complete development day due to errors related to DDE. After building a project I constantly get errors as followed:</p>
  42. <blockquote><p>HTTP JVM: com.ibm.xsp.webapp.FacesServlet$ExtendedServletException: javax.faces.el.EvaluationException: java.util.MissingResourceException: Can&#8217;t find resource for bundle java.util.PropertyResourceBundle, key strings</p></blockquote>
  43. <p>and:</p>
  44. <blockquote><p>HTTP JVM: java.lang.SecurityException: Error verifying signature for resource WEB-INF/classes/se/acme/namis/app/Application.class. For more detailed information, please consult error-log-0.xml located in E:/IBM/Domino/data/domino/workspace/logs</p></blockquote>
  45. <p>The way I am forced to work now is to clean the project, build the project, sign the complete database, PRAY.</p>
  46. <p>Is there no way to build an XPages project OUTSIDE of DDE?</p>
  47. <p>This is no workable way of developing anymore.</p>
  48. <p>XPexit?</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2774/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2774/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2774&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  49. <wfw:commentRss>https://quintessens.wordpress.com/2017/11/15/a-day-lost-due-to-dde-incapabilities/feed/</wfw:commentRss>
  50. <slash:comments>4</slash:comments>
  51. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  52. <media:title type="html">quintessens</media:title>
  53. </media:content>
  54. </item>
  55. <item>
  56. <title>Passing a SSJS function to a custom control</title>
  57. <link>https://quintessens.wordpress.com/2017/11/07/passing-a-ssjs-function-to-a-custom-control/</link>
  58. <comments>https://quintessens.wordpress.com/2017/11/07/passing-a-ssjs-function-to-a-custom-control/#respond</comments>
  59. <pubDate>Tue, 07 Nov 2017 10:31:37 +0000</pubDate>
  60. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  61. <category><![CDATA[development]]></category>
  62. <category><![CDATA[Java]]></category>
  63. <category><![CDATA[SSJS]]></category>
  64. <category><![CDATA[XPages]]></category>
  65.  
  66. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2765</guid>
  67. <description><![CDATA[Introduction I am building a custom control that mimics the viewPanel control but it is a repeat control which data is not a view but a managed bean that returns an arraylist of java objects (representing Notes documents). I am&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2017/11/07/passing-a-ssjs-function-to-a-custom-control/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2765&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  68. <content:encoded><![CDATA[<h1>Introduction</h1>
  69. <p>I am building a custom control that mimics the viewPanel control but it is a repeat control which data is not a view but a managed bean that returns an arraylist of java objects (representing Notes documents).</p>
  70. <p>I am using a Bootstrap table for display I in a previous post I have demonstrated how I can provide a JSON object to have flexibility in the columns I want to display and the values I want to display.</p>
  71. <p>Next step is the option to provide custom actions to the custom control, in a way that the code under an action button in the custom control is provided via a property. So in one case hitting the button could print all selected documents, in the other case it could remove all documents from the database.</p>
  72. <h2>Step 1 &#8211; Creating an arraylist of unid&#8217;s</h2>
  73. <p>Key here is that I have an arraylist of unid&#8217;s to work with. The technique how to select documents in a repeat control was <a href="http://www.notesin9.com/2011/04/01/notesin9-025-selecting-documents-from-a-repeat-control/">demonstrated by David Leedy in Notes in 9 episode 25</a>. Instead of buttons I use a checkboxgroup:</p>
  74. <p><a href="https://quintessens.wordpress.com/2017/11/07/passing-a-ssjs-function-to-a-custom-control/action_001/" rel="attachment wp-att-2766"><img data-attachment-id="2766" data-permalink="https://quintessens.wordpress.com/2017/11/07/passing-a-ssjs-function-to-a-custom-control/action_001/" data-orig-file="https://quintessens.files.wordpress.com/2017/11/action_001.jpg?w=636&#038;h=395" data-orig-size="704,437" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;Kwinten, Patrick&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1510053045&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="action_001" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2017/11/action_001.jpg?w=636&#038;h=395?w=300" data-large-file="https://quintessens.files.wordpress.com/2017/11/action_001.jpg?w=636&#038;h=395?w=636" class="alignnone size-full wp-image-2766" src="https://quintessens.files.wordpress.com/2017/11/action_001.jpg?w=636&#038;h=395" alt="" width="636" height="395" srcset="https://quintessens.files.wordpress.com/2017/11/action_001.jpg?w=636&amp;h=395 636w, https://quintessens.files.wordpress.com/2017/11/action_001.jpg?w=150&amp;h=93 150w, https://quintessens.files.wordpress.com/2017/11/action_001.jpg?w=300&amp;h=186 300w, https://quintessens.files.wordpress.com/2017/11/action_001.jpg 704w" sizes="(max-width: 636px) 100vw, 636px" /></a></p>
  75. <p>So now I want from my xp:button in my custom control do something with this arraylist of unid&#8217;s&#8230;</p>
  76. <h2>Step 2 &#8211; set up the property definition</h2>
  77. <p>Next step is to setup the property in the property definition of the custom control:</p>
  78. <p><a href="https://quintessens.wordpress.com/2017/11/07/passing-a-ssjs-function-to-a-custom-control/action_002/" rel="attachment wp-att-2767"><img data-attachment-id="2767" data-permalink="https://quintessens.wordpress.com/2017/11/07/passing-a-ssjs-function-to-a-custom-control/action_002/" data-orig-file="https://quintessens.files.wordpress.com/2017/11/action_002.jpg?w=636&#038;h=126" data-orig-size="1005,199" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;Kwinten, Patrick&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1510053235&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="action_002" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2017/11/action_002.jpg?w=636&#038;h=126?w=300" data-large-file="https://quintessens.files.wordpress.com/2017/11/action_002.jpg?w=636&#038;h=126?w=636" class="alignnone size-full wp-image-2767" src="https://quintessens.files.wordpress.com/2017/11/action_002.jpg?w=636&#038;h=126" alt="" width="636" height="126" srcset="https://quintessens.files.wordpress.com/2017/11/action_002.jpg?w=636&amp;h=126 636w, https://quintessens.files.wordpress.com/2017/11/action_002.jpg?w=150&amp;h=30 150w, https://quintessens.files.wordpress.com/2017/11/action_002.jpg?w=300&amp;h=59 300w, https://quintessens.files.wordpress.com/2017/11/action_002.jpg?w=768&amp;h=152 768w, https://quintessens.files.wordpress.com/2017/11/action_002.jpg 1005w" sizes="(max-width: 636px) 100vw, 636px" /></a></p>
  79. <p>Not the most common type of class and editor you use for a property.</p>
  80. <h2>Step 3 &#8211; setup the event handler for the button</h2>
  81. <p>In order to have the button to understand that the action to be performed is coming from a action property we need to specify that in the onClick event:</p>
  82. <p><a href="https://quintessens.wordpress.com/2017/11/07/passing-a-ssjs-function-to-a-custom-control/action_004/" rel="attachment wp-att-2769"><img data-attachment-id="2769" data-permalink="https://quintessens.wordpress.com/2017/11/07/passing-a-ssjs-function-to-a-custom-control/action_004/" data-orig-file="https://quintessens.files.wordpress.com/2017/11/action_004.jpg?w=636&#038;h=84" data-orig-size="982,129" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;Kwinten, Patrick&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1510053594&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="action_004" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2017/11/action_004.jpg?w=636&#038;h=84?w=300" data-large-file="https://quintessens.files.wordpress.com/2017/11/action_004.jpg?w=636&#038;h=84?w=636" class="alignnone size-full wp-image-2769" src="https://quintessens.files.wordpress.com/2017/11/action_004.jpg?w=636&#038;h=84" alt="" width="636" height="84" srcset="https://quintessens.files.wordpress.com/2017/11/action_004.jpg?w=636&amp;h=84 636w, https://quintessens.files.wordpress.com/2017/11/action_004.jpg?w=150&amp;h=20 150w, https://quintessens.files.wordpress.com/2017/11/action_004.jpg?w=300&amp;h=39 300w, https://quintessens.files.wordpress.com/2017/11/action_004.jpg?w=768&amp;h=101 768w, https://quintessens.files.wordpress.com/2017/11/action_004.jpg 982w" sizes="(max-width: 636px) 100vw, 636px" /></a></p>
  83. <p>(Note: my property resides in the group property actionButton)</p>
  84. <h2>Step 4 &#8211; set up the SSJS  function you want to run</h2>
  85. <p>So now our button knows it&#8217;a action comes from a propert we need to write the SSJS function for the button. I have placed it in a SSJS script library. Here is an example to remove documents from a database:</p>
  86. <p><a href="https://quintessens.wordpress.com/2017/11/07/passing-a-ssjs-function-to-a-custom-control/action_003/" rel="attachment wp-att-2768"><img data-attachment-id="2768" data-permalink="https://quintessens.wordpress.com/2017/11/07/passing-a-ssjs-function-to-a-custom-control/action_003/" data-orig-file="https://quintessens.files.wordpress.com/2017/11/action_003.jpg?w=636&#038;h=180" data-orig-size="891,252" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;Kwinten, Patrick&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1510053421&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="action_003" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2017/11/action_003.jpg?w=636&#038;h=180?w=300" data-large-file="https://quintessens.files.wordpress.com/2017/11/action_003.jpg?w=636&#038;h=180?w=636" class="alignnone size-full wp-image-2768" src="https://quintessens.files.wordpress.com/2017/11/action_003.jpg?w=636&#038;h=180" alt="" width="636" height="180" srcset="https://quintessens.files.wordpress.com/2017/11/action_003.jpg?w=636&amp;h=180 636w, https://quintessens.files.wordpress.com/2017/11/action_003.jpg?w=150&amp;h=42 150w, https://quintessens.files.wordpress.com/2017/11/action_003.jpg?w=300&amp;h=85 300w, https://quintessens.files.wordpress.com/2017/11/action_003.jpg?w=768&amp;h=217 768w, https://quintessens.files.wordpress.com/2017/11/action_003.jpg 891w" sizes="(max-width: 636px) 100vw, 636px" /></a></p>
  87. <h2>Step 5 &#8211; Add the SSJS to the property</h2>
  88. <p>The last step is the most tricky one. In the property you are not allwed to provide any parameters or parentheses for the SSJS function. So our action property becomes as followed:</p>
  89. <p><a href="https://quintessens.wordpress.com/2017/11/07/passing-a-ssjs-function-to-a-custom-control/action_005/" rel="attachment wp-att-2770"><img data-attachment-id="2770" data-permalink="https://quintessens.wordpress.com/2017/11/07/passing-a-ssjs-function-to-a-custom-control/action_005/" data-orig-file="https://quintessens.files.wordpress.com/2017/11/action_005.jpg?w=636" data-orig-size="506,145" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;Kwinten, Patrick&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1510053897&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="action_005" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2017/11/action_005.jpg?w=636?w=300" data-large-file="https://quintessens.files.wordpress.com/2017/11/action_005.jpg?w=636?w=506" class="alignnone size-full wp-image-2770" src="https://quintessens.files.wordpress.com/2017/11/action_005.jpg?w=636" alt="" srcset="https://quintessens.files.wordpress.com/2017/11/action_005.jpg 506w, https://quintessens.files.wordpress.com/2017/11/action_005.jpg?w=150 150w, https://quintessens.files.wordpress.com/2017/11/action_005.jpg?w=300 300w" sizes="(max-width: 506px) 100vw, 506px"   /></a></p>
  90. <h2>Result</h2>
  91. <p>As a result I have the following UI:</p>
  92. <ul>
  93. <li>A custom control with a button which onClick action is provided via a property on that host xpage.</li>
  94. </ul>
  95. <p><a href="https://quintessens.wordpress.com/2017/11/07/passing-a-ssjs-function-to-a-custom-control/action_006/" rel="attachment wp-att-2771"><img data-attachment-id="2771" data-permalink="https://quintessens.wordpress.com/2017/11/07/passing-a-ssjs-function-to-a-custom-control/action_006/" data-orig-file="https://quintessens.files.wordpress.com/2017/11/action_006.jpg?w=636&#038;h=158" data-orig-size="1544,384" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;Kwinten, Patrick&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1510054071&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="action_006" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2017/11/action_006.jpg?w=636&#038;h=158?w=300" data-large-file="https://quintessens.files.wordpress.com/2017/11/action_006.jpg?w=636&#038;h=158?w=636" class="alignnone size-full wp-image-2771" src="https://quintessens.files.wordpress.com/2017/11/action_006.jpg?w=636&#038;h=158" alt="" width="636" height="158" srcset="https://quintessens.files.wordpress.com/2017/11/action_006.jpg?w=636&amp;h=158 636w, https://quintessens.files.wordpress.com/2017/11/action_006.jpg?w=1272&amp;h=316 1272w, https://quintessens.files.wordpress.com/2017/11/action_006.jpg?w=150&amp;h=37 150w, https://quintessens.files.wordpress.com/2017/11/action_006.jpg?w=300&amp;h=75 300w, https://quintessens.files.wordpress.com/2017/11/action_006.jpg?w=768&amp;h=191 768w, https://quintessens.files.wordpress.com/2017/11/action_006.jpg?w=1024&amp;h=255 1024w" sizes="(max-width: 636px) 100vw, 636px" /></a></p>
  96. <h1>IBM Champion Nomination</h1>
  97. <p>Is this blog-article useful to you? <a href="https://www.ibm.com/developerworks/community/blogs/ibmchampion/entry/Nominate_an_IBM_Champion_Nominations_OPEN?lang=en">Perhaps you can nominate me as IBM Champion</a>.</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2765/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2765/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2765&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  98. <wfw:commentRss>https://quintessens.wordpress.com/2017/11/07/passing-a-ssjs-function-to-a-custom-control/feed/</wfw:commentRss>
  99. <slash:comments>0</slash:comments>
  100. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  101. <media:title type="html">quintessens</media:title>
  102. </media:content>
  103.  
  104. <media:content url="http://quintessens.files.wordpress.com/2017/11/action_001.jpg" medium="image" />
  105.  
  106. <media:content url="http://quintessens.files.wordpress.com/2017/11/action_002.jpg" medium="image" />
  107.  
  108. <media:content url="http://quintessens.files.wordpress.com/2017/11/action_004.jpg" medium="image" />
  109.  
  110. <media:content url="http://quintessens.files.wordpress.com/2017/11/action_003.jpg" medium="image" />
  111.  
  112. <media:content url="http://quintessens.files.wordpress.com/2017/11/action_005.jpg" medium="image" />
  113.  
  114. <media:content url="http://quintessens.files.wordpress.com/2017/11/action_006.jpg" medium="image" />
  115. </item>
  116. <item>
  117. <title>A generic approach to display Notes data via a Bootstrap table</title>
  118. <link>https://quintessens.wordpress.com/2017/10/23/a-generic-approach-to-display-notes-data-via-a-bootstrap-table/</link>
  119. <comments>https://quintessens.wordpress.com/2017/10/23/a-generic-approach-to-display-notes-data-via-a-bootstrap-table/#respond</comments>
  120. <pubDate>Mon, 23 Oct 2017 07:14:08 +0000</pubDate>
  121. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  122. <category><![CDATA[XPages]]></category>
  123. <category><![CDATA[bootstrap]]></category>
  124. <category><![CDATA[Java]]></category>
  125. <category><![CDATA[Lotus Notes]]></category>
  126. <category><![CDATA[views]]></category>
  127.  
  128. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2706</guid>
  129. <description><![CDATA[This week I became inspired by a question I noticed on Stackoverflow regarding collecting values from Java objects. For a project we were discussing what to use for display &#8220;Notes View data&#8221;: jQuery DataTables plugin and use a customRestService via a&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2017/10/23/a-generic-approach-to-display-notes-data-via-a-bootstrap-table/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2706&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  130. <content:encoded><![CDATA[<p>This week I became inspired by a question I noticed on <a href="https://stackoverflow.com/questions/tagged/xpages" target="_blank" rel="noopener">Stackoverflow </a>regarding collecting values from Java objects.</p>
  131. <p>For a project we were discussing what to use for display &#8220;Notes View data&#8221;:</p>
  132. <ul>
  133. <li>jQuery DataTables plugin and use a customRestService via a Java class as data provider for the JSON.</li>
  134. <li>a Repeat control and display an Arraylist of Java objects.</li>
  135. </ul>
  136. <p>Some of the participants liked the jQuery approach because it provides a lot of functionality out of the box (sorting, search, responsiveness,&#8230;) and their lack in knowledge regarding Java.</p>
  137. <p>Others were questioning of the Repeat control approach would be flexible enough so we could display easy different sets of data with different number of columns.</p>
  138. <p>So&#8230; to the drawing board.</p>
  139. <p>Mostly in Notes views (e.g. via the View Panel control) one column serves as link (often the first) and all others just display data of all kind. In the DataTables plugin the display is flexible because you can define a custom render function for each column which is great. So you could display a button that will call a dialog to interact with the underlying document for example. However this custom render definition resides in a CSJS library so becomes part of the design.</p>
  140. <p>I had already a custom control that could consume properties for the data and how to set a fixed set of columns. So the last part I needed to make flexible.</p>
  141. <p>Because I have an arraylist of Java objects as source for my Repeat control I need to access the fields &#8220;on the fly&#8221; when rendering the column values. This turned out to be quiet simple because the fields are already in my Java object.</p>
  142. <p>In my approach I provide the columns via a JSON object that could look as followed:</p>
  143. <p><img data-attachment-id="2741" data-permalink="https://quintessens.wordpress.com/2017/10/23/a-generic-approach-to-display-notes-data-via-a-bootstrap-table/dyntable00/" data-orig-file="https://quintessens.files.wordpress.com/2017/10/dyntable00.jpg?w=636" data-orig-size="792,433" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;Kwinten, Patrick&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1508418149&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="dyntable00" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2017/10/dyntable00.jpg?w=636?w=300" data-large-file="https://quintessens.files.wordpress.com/2017/10/dyntable00.jpg?w=636?w=636" class="alignnone size-full wp-image-2741" src="https://quintessens.files.wordpress.com/2017/10/dyntable00.jpg?w=636" alt="dyntable00" srcset="https://quintessens.files.wordpress.com/2017/10/dyntable00.jpg?w=636 636w, https://quintessens.files.wordpress.com/2017/10/dyntable00.jpg?w=150 150w, https://quintessens.files.wordpress.com/2017/10/dyntable00.jpg?w=300 300w, https://quintessens.files.wordpress.com/2017/10/dyntable00.jpg?w=768 768w, https://quintessens.files.wordpress.com/2017/10/dyntable00.jpg 792w" sizes="(max-width: 636px) 100vw, 636px"   /></p>
  144. <p>&nbsp;</p>
  145. <p>And for my columns I repeat it and collect the value from my underlying Java object:</p>
  146. <p><img data-attachment-id="2738" data-permalink="https://quintessens.wordpress.com/2017/10/23/a-generic-approach-to-display-notes-data-via-a-bootstrap-table/dyntable01/" data-orig-file="https://quintessens.files.wordpress.com/2017/10/dyntable01.jpg?w=636" data-orig-size="948,374" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;Kwinten, Patrick&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1508418067&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="dyntable01" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2017/10/dyntable01.jpg?w=636?w=300" data-large-file="https://quintessens.files.wordpress.com/2017/10/dyntable01.jpg?w=636?w=636" class="alignnone size-full wp-image-2738" src="https://quintessens.files.wordpress.com/2017/10/dyntable01.jpg?w=636" alt="dyntable01" srcset="https://quintessens.files.wordpress.com/2017/10/dyntable01.jpg?w=636 636w, https://quintessens.files.wordpress.com/2017/10/dyntable01.jpg?w=150 150w, https://quintessens.files.wordpress.com/2017/10/dyntable01.jpg?w=300 300w, https://quintessens.files.wordpress.com/2017/10/dyntable01.jpg?w=768 768w, https://quintessens.files.wordpress.com/2017/10/dyntable01.jpg 948w" sizes="(max-width: 636px) 100vw, 636px"   /></p>
  147. <p>Note: my code is not final, I would to define more types of data and the option to provide a custom render function for each column. So far I only have computation for string and date fields.</p>
  148. <p>I also applied some basic functionality as Pager controls (top + bottom), a Page Sizer control, icon display and row numbering.</p>
  149. <p>Here is what a result might look like:</p>
  150. <p><img data-attachment-id="2760" data-permalink="https://quintessens.wordpress.com/2017/10/23/a-generic-approach-to-display-notes-data-via-a-bootstrap-table/dyntable001/" data-orig-file="https://quintessens.files.wordpress.com/2017/10/dyntable001.jpg?w=636" data-orig-size="923,410" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;Kwinten, Patrick&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1508418571&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="dyntable001" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2017/10/dyntable001.jpg?w=636?w=300" data-large-file="https://quintessens.files.wordpress.com/2017/10/dyntable001.jpg?w=636?w=636" class="alignnone size-full wp-image-2760" src="https://quintessens.files.wordpress.com/2017/10/dyntable001.jpg?w=636" alt="dyntable001" srcset="https://quintessens.files.wordpress.com/2017/10/dyntable001.jpg?w=636 636w, https://quintessens.files.wordpress.com/2017/10/dyntable001.jpg?w=150 150w, https://quintessens.files.wordpress.com/2017/10/dyntable001.jpg?w=300 300w, https://quintessens.files.wordpress.com/2017/10/dyntable001.jpg?w=768 768w, https://quintessens.files.wordpress.com/2017/10/dyntable001.jpg 923w" sizes="(max-width: 636px) 100vw, 636px"   /></p>
  151. <p>Nothing special but now now I have just one custom control to display 80% of my tables/views.</p>
  152. <p>Here are the GIST files for the <a href="https://gist.github.com/PatrickKwinten/1855edf635eb1bd7539f300ecd3f6a2e">custom control</a> and its <a href="https://gist.github.com/PatrickKwinten/3c7d21ee2e25f952b8086794504f2a59">configuration xml file</a>.</p>
  153. <h1>IBM Champion Nomination</h1>
  154. <p>Is this blog-article useful to you? <a href="https://www.ibm.com/developerworks/community/blogs/ibmchampion/entry/Nominate_an_IBM_Champion_Nominations_OPEN?lang=en">Perhaps you can nominate me as IBM Champion</a>.</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2706/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2706/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2706&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  155. <wfw:commentRss>https://quintessens.wordpress.com/2017/10/23/a-generic-approach-to-display-notes-data-via-a-bootstrap-table/feed/</wfw:commentRss>
  156. <slash:comments>0</slash:comments>
  157. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  158. <media:title type="html">quintessens</media:title>
  159. </media:content>
  160.  
  161. <media:content url="http://quintessens.files.wordpress.com/2017/10/dyntable00.jpg" medium="image">
  162. <media:title type="html">dyntable00</media:title>
  163. </media:content>
  164.  
  165. <media:content url="http://quintessens.files.wordpress.com/2017/10/dyntable01.jpg" medium="image">
  166. <media:title type="html">dyntable01</media:title>
  167. </media:content>
  168.  
  169. <media:content url="http://quintessens.files.wordpress.com/2017/10/dyntable001.jpg" medium="image">
  170. <media:title type="html">dyntable001</media:title>
  171. </media:content>
  172. </item>
  173. <item>
  174. <title>Using the beanNamePicker dataProvider for a namepicker</title>
  175. <link>https://quintessens.wordpress.com/2017/10/19/using-the-beannamepicker-dataprovider-for-a-namepicker/</link>
  176. <comments>https://quintessens.wordpress.com/2017/10/19/using-the-beannamepicker-dataprovider-for-a-namepicker/#respond</comments>
  177. <pubDate>Thu, 19 Oct 2017 09:03:13 +0000</pubDate>
  178. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  179. <category><![CDATA[XPages]]></category>
  180. <category><![CDATA[Java]]></category>
  181. <category><![CDATA[namepicker]]></category>
  182.  
  183. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2668</guid>
  184. <description><![CDATA[For an application I needed to provide a namepicker with data from a NotesView. Unfortunately I could not use the default dominoViewNamePicker option as the data provider because the column to select from may not be a multi-value field or contain&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2017/10/19/using-the-beannamepicker-dataprovider-for-a-namepicker/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2668&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  185. <content:encoded><![CDATA[<p>For an application I needed to provide a namepicker with data from a NotesView. Unfortunately I could not use the default dominoViewNamePicker option as the data provider because the column to select from may not be a multi-value field or contain multiple fields. <img src="https://s0.wp.com/wp-content/mu-plugins/wpcom-smileys/twemoji/2/72x72/1f615.png" alt="😕" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
  186. <p>A search on google provided me an example how to use a beanNamePicker that will read the data from Domino Directories.</p>
  187. <p>I created a GIST for the XPage: https://gist.github.com/PatrickKwinten/0bcc951a8eb1f5ef287c0c9b05a535a3 and for the Java class it uses: https://gist.github.com/PatrickKwinten/4aa15ea09717833bcc9fd1a941d9e5a8 .</p>
  188. <p>Basically here is how you set it up:</p>
  189. <p>&lt;xe:namePicker id=&#8221;npDomino&#8221; for=&#8221;person1&#8243;&gt;<br />
  190. &lt;xe:this.dataProvider&gt;<br />
  191. &lt;xe:beanNamePicker dataBean=&#8221;org.wordpress.quintessens.demo.app.NamePickerDirectory&#8221;<br />
  192. loaded=&#8221;true&#8221;&gt;<br />
  193. &lt;/xe:beanNamePicker&gt;<br />
  194. &lt;/xe:this.dataProvider&gt;<br />
  195. &lt;/xe:namePicker&gt;</p>
  196. <p>Key is that you return an object of type SimplePickerResult containing a list of objects of type &lt;IPickerEntry&gt;.</p>
  197. <p>For my case I needed to go to a view where all the activities for users for the application where logged. Again I used a similar setup:</p>
  198. <p>&lt;xe:namePicker id=&#8221;npDomino&#8221; for=&#8221;person1&#8243;&gt;<br />
  199. &lt;xe:this.dataProvider&gt;<br />
  200. &lt;xe:beanNamePicker dataBean=&#8221;org.wordpress.quintessens.demo.app.NamePickerView&#8221;<br />
  201. loaded=&#8221;true&#8221;&gt;<br />
  202. &lt;/xe:beanNamePicker&gt;<br />
  203. &lt;/xe:this.dataProvider&gt;<br />
  204. &lt;/xe:namePicker&gt;</p>
  205. <p>But now I go to a different class which I created a Gist for: https://gist.github.com/PatrickKwinten/c3580344a48704b3589251c0d5bbb8e5 .</p>
  206. <p>Key difference is that my data source has become a Notes view and I check the type of column (columnValue instanceof String, ArrayList, Vector) because I have different type of fields and values in my first column.</p>
  207. <p>So once you understand how you can extend the basic functionality within XPages you gain much flexibility and new opportunities with out of the box controls.</p>
  208. <p>Please IBM provide us with more examples!!!</p>
  209. <h1>IBM Champion Nomination</h1>
  210. <p>Is this blog-article useful to you? <a href="https://www.ibm.com/developerworks/community/blogs/ibmchampion/entry/Nominate_an_IBM_Champion_Nominations_OPEN?lang=en">Perhaps you can nominate me as IBM Champion</a>.</p>
  211. <p>&nbsp;</p>
  212. <p>&nbsp;</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2668/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2668/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2668&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  213. <wfw:commentRss>https://quintessens.wordpress.com/2017/10/19/using-the-beannamepicker-dataprovider-for-a-namepicker/feed/</wfw:commentRss>
  214. <slash:comments>0</slash:comments>
  215. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  216. <media:title type="html">quintessens</media:title>
  217. </media:content>
  218. </item>
  219. <item>
  220. <title>Java and XPages</title>
  221. <link>https://quintessens.wordpress.com/2017/09/27/java-and-xpages/</link>
  222. <comments>https://quintessens.wordpress.com/2017/09/27/java-and-xpages/#comments</comments>
  223. <pubDate>Wed, 27 Sep 2017 18:31:43 +0000</pubDate>
  224. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  225. <category><![CDATA[Java]]></category>
  226. <category><![CDATA[XPages]]></category>
  227. <category><![CDATA[jsf]]></category>
  228. <category><![CDATA[MVC]]></category>
  229.  
  230. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2666</guid>
  231. <description><![CDATA[I still meet Domino developers who want to use XPages in the way IBM told them how to use it. Completely wrong I would say. Now that you have to chance to learn Java skills &#8211; EMBRACE IT! Okay the&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2017/09/27/java-and-xpages/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2666&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  232. <content:encoded><![CDATA[<p>I still meet Domino developers who want to use XPages <a href="https://www-10.lotus.com/ldd/ddwiki.nsf/dx/Tutorial-intro-to-XPages.htm">in the way IBM told them how to use it</a>. Completely wrong I would say. Now that you have to chance to learn Java skills &#8211; EMBRACE IT!</p>
  233. <p>Okay <a href="http://www.pipalia.co.uk/rethinking-xpages-part-two/">the other way around</a> is sometimes a pain in the ass and complete examples are scarce but it gives you a better way to control your application and it&#8217;s behavior. After a while you get better understanding of the underlying technique and there is nothing wrong with that.</p>
  234. <p>At the end it is mostly about creating, reading, updating and deleting stuff.</p>
  235. <p>So for those developers I have setup a simple presentation to get a better understanding of JSF, Java and XPages:<br />
  236. <div class="jetpack-video-wrapper"><iframe src='https://www.slideshare.net/slideshow/embed_code/80227271' width='636' height='521' allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe></div></p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2666/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2666/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2666&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  237. <wfw:commentRss>https://quintessens.wordpress.com/2017/09/27/java-and-xpages/feed/</wfw:commentRss>
  238. <slash:comments>2</slash:comments>
  239. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  240. <media:title type="html">quintessens</media:title>
  241. </media:content>
  242. </item>
  243. <item>
  244. <title>DDE does disruption (4) &#8211; xHausting</title>
  245. <link>https://quintessens.wordpress.com/2017/09/13/dde-does-disruption-4-xhausting/</link>
  246. <comments>https://quintessens.wordpress.com/2017/09/13/dde-does-disruption-4-xhausting/#comments</comments>
  247. <pubDate>Wed, 13 Sep 2017 18:19:22 +0000</pubDate>
  248. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  249. <category><![CDATA[DDE]]></category>
  250. <category><![CDATA[XPages]]></category>
  251.  
  252. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2625</guid>
  253. <description><![CDATA[Yes, DDE is disruptive again! Today I wanted to copy some code from one application into another, straight via DDE, an a phenomena that I experienced earlier occurred again: Most XPages and Custom Controls became signed with my Notes ID&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2017/09/13/dde-does-disruption-4-xhausting/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2625&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  254. <content:encoded><![CDATA[<p>Yes, DDE is disruptive again!</p>
  255. <p>Today I wanted to copy some code from one application into another, straight via DDE, an a phenomena that I experienced earlier occurred again:</p>
  256. <blockquote><p>Most XPages and Custom Controls became signed with my Notes ID</p></blockquote>
  257. <p>With most I mean ALL XPages (20) and most Custom controls (31 out of 34). All other design elements in the NSF (forms, views, pages, agents, script libraries, java design elements, java libraries etc were untouched.</p>
  258. <p>At the moment I had only open: one server-side JavaScript library and one XPage.</p>
  259. <p>Do you have any explanation for this?</p>
  260. <p>I am running 9.0.1 FP 9.</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2625/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2625/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2625&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  261. <wfw:commentRss>https://quintessens.wordpress.com/2017/09/13/dde-does-disruption-4-xhausting/feed/</wfw:commentRss>
  262. <slash:comments>4</slash:comments>
  263. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  264. <media:title type="html">quintessens</media:title>
  265. </media:content>
  266. </item>
  267. <item>
  268. <title>DDE does disruption (3)  &#8211; Perhaps DDE is not build for it?</title>
  269. <link>https://quintessens.wordpress.com/2017/09/01/dde-does-disruption-3-perhaps-dde-is-not-build-for-it/</link>
  270. <comments>https://quintessens.wordpress.com/2017/09/01/dde-does-disruption-3-perhaps-dde-is-not-build-for-it/#comments</comments>
  271. <pubDate>Fri, 01 Sep 2017 12:35:04 +0000</pubDate>
  272. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  273. <category><![CDATA[DDE]]></category>
  274. <category><![CDATA[build]]></category>
  275. <category><![CDATA[eclipse]]></category>
  276. <category><![CDATA[nsf]]></category>
  277.  
  278. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2623</guid>
  279. <description><![CDATA[I am still complaining about DDE because I am facing the following situation: I am working with a colleague on a project. Our code resides in a central repository on TFS. We both develop with a local clone and we&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2017/09/01/dde-does-disruption-3-perhaps-dde-is-not-build-for-it/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2623&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  280. <content:encoded><![CDATA[<p>I am still complaining about DDE because I am facing the following situation:</p>
  281. <p>I am working with a colleague on a project. Our code resides in a central repository on TFS. We both develop with a local clone and we sync towards our own NSF on a Domino server where we do our development work. The problem  is that she is unable to build the project and have her NSF running. I do not have those problems but perhaps that is because I have written most code lately. When I build HER NSF, the application WILL run.</p>
  282. <p>We have a similar setup (version DDE, installed plugins).</p>
  283. <p>When she performs a clean, build, refresh she does not get errors or anything whatsoever. What might cause that her build process does not succeed or complete?</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2623/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2623/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2623&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  284. <wfw:commentRss>https://quintessens.wordpress.com/2017/09/01/dde-does-disruption-3-perhaps-dde-is-not-build-for-it/feed/</wfw:commentRss>
  285. <slash:comments>3</slash:comments>
  286. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  287. <media:title type="html">quintessens</media:title>
  288. </media:content>
  289. </item>
  290. <item>
  291. <title>DDE does disruption (2)</title>
  292. <link>https://quintessens.wordpress.com/2017/08/30/dde-does-disruption-2/</link>
  293. <comments>https://quintessens.wordpress.com/2017/08/30/dde-does-disruption-2/#comments</comments>
  294. <pubDate>Wed, 30 Aug 2017 11:47:37 +0000</pubDate>
  295. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  296. <category><![CDATA[DDE]]></category>
  297.  
  298. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2619</guid>
  299. <description><![CDATA[For some reason I was unable to open JavaScript libraries in the JS editor in DDE. It concerned both client- and server-side libraries. LotusScript and Java libraries I could open just fine. The only thing I could see was this:&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2017/08/30/dde-does-disruption-2/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2619&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  300. <content:encoded><![CDATA[<p>For some reason I was unable to open JavaScript libraries in the JS editor in DDE. It concerned both client- and server-side libraries. LotusScript and Java libraries I could open just fine.</p>
  301. <p>The only thing I could see was this:</p>
  302. <p><a href="https://quintessens.wordpress.com/2017/08/30/dde-does-disruption-2/dde_javascript_editor/" rel="attachment wp-att-2620"><img data-attachment-id="2620" data-permalink="https://quintessens.wordpress.com/2017/08/30/dde-does-disruption-2/dde_javascript_editor/" data-orig-file="https://quintessens.files.wordpress.com/2017/08/dde_javascript_editor.jpg?w=636&#038;h=232" data-orig-size="859,313" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;Kwinten, Patrick&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="DDE_javascript_editor" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2017/08/dde_javascript_editor.jpg?w=636&#038;h=232?w=300" data-large-file="https://quintessens.files.wordpress.com/2017/08/dde_javascript_editor.jpg?w=636&#038;h=232?w=636" class="alignnone size-full wp-image-2620" src="https://quintessens.files.wordpress.com/2017/08/dde_javascript_editor.jpg?w=636&#038;h=232" alt="" width="636" height="232" srcset="https://quintessens.files.wordpress.com/2017/08/dde_javascript_editor.jpg?w=636&amp;h=232 636w, https://quintessens.files.wordpress.com/2017/08/dde_javascript_editor.jpg?w=150&amp;h=55 150w, https://quintessens.files.wordpress.com/2017/08/dde_javascript_editor.jpg?w=300&amp;h=109 300w, https://quintessens.files.wordpress.com/2017/08/dde_javascript_editor.jpg?w=768&amp;h=280 768w, https://quintessens.files.wordpress.com/2017/08/dde_javascript_editor.jpg 859w" sizes="(max-width: 636px) 100vw, 636px" /></a></p>
  303. <p>The problem was not concerned all databases, but at least the problem was consistent in multiple NSF&#8217;s. Building and refreshing the project no effect. Also removing the applications from the workspaces, restarting DDE and re-opening the NSF&#8217;s did not change the editor&#8217;s behavior.</p>
  304. <p>At this point I was getting a bit annoyed. Colleagues reported similar problems in the past but none had a suggestion other than re-installing the client.</p>
  305. <p>So I let my stubbornness win and installed Feature Pack 9 instead. After 10 minutes (!) the installation was complete so I started DDE and opened the unwilling script library. Hurraaaah! The problem was solved, I could see the code in the editor.</p>
  306. <p>However I noticed some missing in DDE: the nice Swiper 2.0.1 toolbar buttons where gone! So I removed the files from the notes/data/workspace/applications folder, downloaded Swiper from OpenNTF again and installed them. Back to normal. Well not quiet yet.</p>
  307. <p>When working on an XPage I noticed that all the plugins I was using where not recognized anymore. For example the Debug Toolbar plugin. Again, I could not see the plugin disabled under Application Management. So I removed the files, downloaded the plugin from OpenNTF and re-installed it. Now the plugin was visible again in DDE.</p>
  308. <p>So the feeling I am left with is that this Superhuman Software is not so Superhuman anymore.<br />
  309. <div class="jetpack-video-wrapper"><iframe class='youtube-player' type='text/html' width='636' height='388' src='https://www.youtube.com/embed/rRAhCCGb7BY?version=3&#038;rel=1&#038;fs=1&#038;autohide=2&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' allowfullscreen='true' style='border:0;'></iframe></div></p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2619/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2619/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2619&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  310. <wfw:commentRss>https://quintessens.wordpress.com/2017/08/30/dde-does-disruption-2/feed/</wfw:commentRss>
  311. <slash:comments>1</slash:comments>
  312. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  313. <media:title type="html">quintessens</media:title>
  314. </media:content>
  315.  
  316. <media:content url="http://quintessens.files.wordpress.com/2017/08/dde_javascript_editor.jpg" medium="image" />
  317. </item>
  318. <item>
  319. <title>Adding fontawesome to bootstrap alerts</title>
  320. <link>https://quintessens.wordpress.com/2017/08/30/adding-fontawesome-to-bootstrap-alerts/</link>
  321. <comments>https://quintessens.wordpress.com/2017/08/30/adding-fontawesome-to-bootstrap-alerts/#respond</comments>
  322. <pubDate>Wed, 30 Aug 2017 11:28:35 +0000</pubDate>
  323. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  324. <category><![CDATA[CSS]]></category>
  325. <category><![CDATA[booststrap]]></category>
  326. <category><![CDATA[fontawesome]]></category>
  327. <category><![CDATA[XPages]]></category>
  328.  
  329. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2611</guid>
  330. <description><![CDATA[In an XPages application I wanted to add some house-styling to a validation alert box. By default you do not get icons with Bootstrap alerts as in the IBM&#8217;s OneUI messages box. So what do you when you want to have&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2017/08/30/adding-fontawesome-to-bootstrap-alerts/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2611&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  331. <content:encoded><![CDATA[<p>In an XPages application I wanted to add some house-styling to a validation alert box. By default you do not get icons with <a href="https://getbootstrap.com/docs/3.3/components/#alerts">Bootstrap alerts</a> as in the IBM&#8217;s <a href="http://infolib.lotus.com/resources/oneui/3.0/docPublic/components/messages.htm">OneUI messages box</a>.</p>
  332. <p><a href="https://quintessens.wordpress.com/2017/08/30/adding-fontawesome-to-bootstrap-alerts/warning-2/" rel="attachment wp-att-2615"><img data-attachment-id="2615" data-permalink="https://quintessens.wordpress.com/2017/08/30/adding-fontawesome-to-bootstrap-alerts/warning-2/" data-orig-file="https://quintessens.files.wordpress.com/2017/08/warning.jpg?w=636&#038;h=53" data-orig-size="1041,87" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;Kwinten, Patrick&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1504099734&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="warning" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2017/08/warning.jpg?w=636&#038;h=53?w=300" data-large-file="https://quintessens.files.wordpress.com/2017/08/warning.jpg?w=636&#038;h=53?w=636" class="alignnone size-full wp-image-2615" src="https://quintessens.files.wordpress.com/2017/08/warning.jpg?w=636&#038;h=53" alt="" width="636" height="53" srcset="https://quintessens.files.wordpress.com/2017/08/warning.jpg?w=636&amp;h=53 636w, https://quintessens.files.wordpress.com/2017/08/warning.jpg?w=150&amp;h=13 150w, https://quintessens.files.wordpress.com/2017/08/warning.jpg?w=300&amp;h=25 300w, https://quintessens.files.wordpress.com/2017/08/warning.jpg?w=768&amp;h=64 768w, https://quintessens.files.wordpress.com/2017/08/warning.jpg?w=1024&amp;h=86 1024w, https://quintessens.files.wordpress.com/2017/08/warning.jpg 1041w" sizes="(max-width: 636px) 100vw, 636px" /></a></p>
  333. <p><a href="https://quintessens.wordpress.com/2017/08/30/adding-fontawesome-to-bootstrap-alerts/warning_oneui/" rel="attachment wp-att-2617"><img data-attachment-id="2617" data-permalink="https://quintessens.wordpress.com/2017/08/30/adding-fontawesome-to-bootstrap-alerts/warning_oneui/" data-orig-file="https://quintessens.files.wordpress.com/2017/08/warning_oneui.jpg?w=636" data-orig-size="608,124" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;Kwinten, Patrick&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1504099797&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="warning_oneui" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2017/08/warning_oneui.jpg?w=636?w=300" data-large-file="https://quintessens.files.wordpress.com/2017/08/warning_oneui.jpg?w=636?w=608" class="alignnone size-full wp-image-2617" src="https://quintessens.files.wordpress.com/2017/08/warning_oneui.jpg?w=636" alt="" srcset="https://quintessens.files.wordpress.com/2017/08/warning_oneui.jpg 608w, https://quintessens.files.wordpress.com/2017/08/warning_oneui.jpg?w=150 150w, https://quintessens.files.wordpress.com/2017/08/warning_oneui.jpg?w=300 300w" sizes="(max-width: 608px) 100vw, 608px"   /></a></p>
  334. <p>So what do you when you want to have best of bot worlds? You blend in <a href="http://fontawesome.io/">Fontawesome!</a></p>
  335. <p>Navigate to any of the icons you want to use from fontawesome and search for the unicode of it. For the exclamation icon http://fontawesome.io/icon/exclamation-circle/ that is f06a.</p>
  336. <p>Next open your style sheet and add the following lines:</p>
  337. <blockquote><p>ul.text-error {<br />
  338. list-style: none;<br />
  339. padding: 0;<br />
  340. }<br />
  341. ul.text-error &gt; li {<br />
  342. padding-left: 1.3em;<br />
  343. }<br />
  344. ul.text-error &gt; li:before {<br />
  345. content: &#8220;\f06a&#8221;; /* FontAwesome Unicode */<br />
  346. font-family: FontAwesome;<br />
  347. display: inline-block;<br />
  348. margin-left: -1.3em; /* same as padding-left set on li */<br />
  349. width: 1.3em; /* same as padding-left set on li */<br />
  350. }</p></blockquote>
  351. <p>For the content property add the unicode as demonstrated above. When you look at the alert in your browser the icon is applied e.g.:</p>
  352. <p><a href="https://quintessens.wordpress.com/2017/08/30/adding-fontawesome-to-bootstrap-alerts/capture-2/" rel="attachment wp-att-2612"><img data-attachment-id="2612" data-permalink="https://quintessens.wordpress.com/2017/08/30/adding-fontawesome-to-bootstrap-alerts/capture-2/" data-orig-file="https://quintessens.files.wordpress.com/2017/08/capture.jpg?w=636" data-orig-size="399,207" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;Kwinten, Patrick&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1504099486&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="Capture" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2017/08/capture.jpg?w=636?w=300" data-large-file="https://quintessens.files.wordpress.com/2017/08/capture.jpg?w=636?w=399" class="alignnone size-full wp-image-2612" src="https://quintessens.files.wordpress.com/2017/08/capture.jpg?w=636" alt="" srcset="https://quintessens.files.wordpress.com/2017/08/capture.jpg 399w, https://quintessens.files.wordpress.com/2017/08/capture.jpg?w=150 150w, https://quintessens.files.wordpress.com/2017/08/capture.jpg?w=300 300w" sizes="(max-width: 399px) 100vw, 399px"   /></a></p>
  353. <p>&nbsp;</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2611/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2611/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2611&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  354. <wfw:commentRss>https://quintessens.wordpress.com/2017/08/30/adding-fontawesome-to-bootstrap-alerts/feed/</wfw:commentRss>
  355. <slash:comments>0</slash:comments>
  356. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  357. <media:title type="html">quintessens</media:title>
  358. </media:content>
  359.  
  360. <media:content url="http://quintessens.files.wordpress.com/2017/08/warning.jpg" medium="image" />
  361.  
  362. <media:content url="http://quintessens.files.wordpress.com/2017/08/warning_oneui.jpg" medium="image" />
  363.  
  364. <media:content url="http://quintessens.files.wordpress.com/2017/08/capture.jpg" medium="image" />
  365. </item>
  366. <item>
  367. <title>DDE Does Disruption</title>
  368. <link>https://quintessens.wordpress.com/2017/08/21/dde-does-disruption/</link>
  369. <comments>https://quintessens.wordpress.com/2017/08/21/dde-does-disruption/#comments</comments>
  370. <pubDate>Mon, 21 Aug 2017 12:42:24 +0000</pubDate>
  371. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  372. <category><![CDATA[DDE]]></category>
  373. <category><![CDATA[design refresh]]></category>
  374. <category><![CDATA[template]]></category>
  375. <category><![CDATA[working set]]></category>
  376.  
  377. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2607</guid>
  378. <description><![CDATA[This week we received an incident about an application that was not accessible any longer. It turned out that all the design elements where signed with my Notes ID which has (of course) insufficient rights to run in the Production&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2017/08/21/dde-does-disruption/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2607&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  379. <content:encoded><![CDATA[<p><a href="https://quintessens.wordpress.com/2017/08/21/dde-does-disruption/debby/" rel="attachment wp-att-2608"><img data-attachment-id="2608" data-permalink="https://quintessens.wordpress.com/2017/08/21/dde-does-disruption/debby/" data-orig-file="https://quintessens.files.wordpress.com/2017/08/debby.jpg?w=364&#038;h=205" data-orig-size="1280,720" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="debby" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2017/08/debby.jpg?w=364&#038;h=205?w=300" data-large-file="https://quintessens.files.wordpress.com/2017/08/debby.jpg?w=364&#038;h=205?w=636" class="alignnone  wp-image-2608" src="https://quintessens.files.wordpress.com/2017/08/debby.jpg?w=364&#038;h=205" alt="" width="364" height="205" srcset="https://quintessens.files.wordpress.com/2017/08/debby.jpg?w=364&amp;h=205 364w, https://quintessens.files.wordpress.com/2017/08/debby.jpg?w=728&amp;h=410 728w, https://quintessens.files.wordpress.com/2017/08/debby.jpg?w=150&amp;h=84 150w, https://quintessens.files.wordpress.com/2017/08/debby.jpg?w=300&amp;h=169 300w" sizes="(max-width: 364px) 100vw, 364px" /></a></p>
  380. <p>This week we received an incident about an application that was not accessible any longer. It turned out that all the design elements where signed with my Notes ID which has (of course) insufficient rights to run in the Production environment.</p>
  381. <p>The curious case here is that nobody intentionally replaced or refreshed the design of the application.</p>
  382. <p>The application still had the &#8220;inherit design from template&#8221; option enabled. However the template resides on a different server and there is no replication between the Production and this staging server.</p>
  383. <p>I know I have the two databases somewhere in a Working Set in my Domino Designer so most obvious option for the design refresh must have come from my workstation even though I have not worked with these applications this week .</p>
  384. <p>Have you experienced something similar also? What was the cause?</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2607/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2607/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2607&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  385. <wfw:commentRss>https://quintessens.wordpress.com/2017/08/21/dde-does-disruption/feed/</wfw:commentRss>
  386. <slash:comments>2</slash:comments>
  387. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  388. <media:title type="html">quintessens</media:title>
  389. </media:content>
  390.  
  391. <media:content url="http://quintessens.files.wordpress.com/2017/08/debby.jpg" medium="image" />
  392. </item>
  393. <item>
  394. <title>Source Control disruption in DDE</title>
  395. <link>https://quintessens.wordpress.com/2017/08/21/source-control-disruption-in-dde/</link>
  396. <comments>https://quintessens.wordpress.com/2017/08/21/source-control-disruption-in-dde/#comments</comments>
  397. <pubDate>Mon, 21 Aug 2017 06:56:46 +0000</pubDate>
  398. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  399. <category><![CDATA[DDE]]></category>
  400. <category><![CDATA[DevOps]]></category>
  401. <category><![CDATA[GIT]]></category>
  402. <category><![CDATA[ODP]]></category>
  403.  
  404. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2601</guid>
  405. <description><![CDATA[In a project me and my colleague faced major complications working towards a GIT repository on TFS. In short: she did not see the changes I had made in her Domino Designer even though her GIT client had transferred everything&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2017/08/21/source-control-disruption-in-dde/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2601&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  406. <content:encoded><![CDATA[<p>In a project me and my colleague faced major complications working towards a GIT repository on <a href="https://en.wikipedia.org/wiki/Team_Foundation_Server">TFS</a>. In short: she did not see the changes I had made in her <a href="http://www-03.ibm.com/software/products/en/ibmdominodesigner">Domino Designer</a> even though her GIT client had transferred everything correctly to the On Disk Project (ODP) on her local drive.</p>
  407. <p>It seemed that the problem was totally focusing on her development setup. For the good order here is how our both environments look like:</p>
  408. <ul>
  409. <li>Me: TFS, SourceTree, Domino Designer FP8.</li>
  410. <li>Colleague: TFS, Visual Studio, Domino Designer FP8.</li>
  411. </ul>
  412. <p>As a result we are facing major delay in the project because we can&#8217;t rely on the setup so we are 50% developer resources short.</p>
  413. <p>So in order to test our bad experiences we sat up a small test with some other colleagues to see if we could reproduce the disruption and allocate where it occurs.</p>
  414. <p>We had no particular test script in mind. We just sat up a new repository on TFS, we cloned it locally with different GIT clients, imported the ODP&#8217;s in DDE, created new NSF&#8217;s from it and we started to make changes in them.</p>
  415. <p>Luckily for us a new disruption appeared fairly quickly. Changes made by two of my colleagues did not appear in my NSF but they could see each other changes.</p>
  416. <p>It turned out that the changes where in my ODP but DDE was not able to transfer them in the NSF.</p>
  417. <p>Here are some dumps that shows the situation. The use of capitals in the H2 element are not similar.</p>
  418. <p>XPage in DDE:</p>
  419. <p><a href="https://quintessens.wordpress.com/2017/08/21/source-control-disruption-in-dde/dump01/" rel="attachment wp-att-2602"><img data-attachment-id="2602" data-permalink="https://quintessens.wordpress.com/2017/08/21/source-control-disruption-in-dde/dump01/" data-orig-file="https://quintessens.files.wordpress.com/2017/08/dump01.png?w=636&#038;h=296" data-orig-size="1033,481" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="dump01" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2017/08/dump01.png?w=636&#038;h=296?w=300" data-large-file="https://quintessens.files.wordpress.com/2017/08/dump01.png?w=636&#038;h=296?w=636" class="alignnone size-full wp-image-2602" src="https://quintessens.files.wordpress.com/2017/08/dump01.png?w=636&#038;h=296" alt="" width="636" height="296" srcset="https://quintessens.files.wordpress.com/2017/08/dump01.png?w=636&amp;h=296 636w, https://quintessens.files.wordpress.com/2017/08/dump01.png?w=150&amp;h=70 150w, https://quintessens.files.wordpress.com/2017/08/dump01.png?w=300&amp;h=140 300w, https://quintessens.files.wordpress.com/2017/08/dump01.png?w=768&amp;h=358 768w, https://quintessens.files.wordpress.com/2017/08/dump01.png?w=1024&amp;h=477 1024w, https://quintessens.files.wordpress.com/2017/08/dump01.png 1033w" sizes="(max-width: 636px) 100vw, 636px" /></a></p>
  420. <p>XPage in ODP Project in DDE:</p>
  421. <p><a href="https://quintessens.wordpress.com/2017/08/21/source-control-disruption-in-dde/dump02/" rel="attachment wp-att-2603"><img data-attachment-id="2603" data-permalink="https://quintessens.wordpress.com/2017/08/21/source-control-disruption-in-dde/dump02/" data-orig-file="https://quintessens.files.wordpress.com/2017/08/dump02.png?w=636&#038;h=307" data-orig-size="1027,495" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="dump02" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2017/08/dump02.png?w=636&#038;h=307?w=300" data-large-file="https://quintessens.files.wordpress.com/2017/08/dump02.png?w=636&#038;h=307?w=636" class="alignnone size-full wp-image-2603" src="https://quintessens.files.wordpress.com/2017/08/dump02.png?w=636&#038;h=307" alt="" width="636" height="307" srcset="https://quintessens.files.wordpress.com/2017/08/dump02.png?w=636&amp;h=307 636w, https://quintessens.files.wordpress.com/2017/08/dump02.png?w=150&amp;h=72 150w, https://quintessens.files.wordpress.com/2017/08/dump02.png?w=300&amp;h=145 300w, https://quintessens.files.wordpress.com/2017/08/dump02.png?w=768&amp;h=370 768w, https://quintessens.files.wordpress.com/2017/08/dump02.png?w=1024&amp;h=494 1024w, https://quintessens.files.wordpress.com/2017/08/dump02.png 1027w" sizes="(max-width: 636px) 100vw, 636px" /></a></p>
  422. <p>Same XPage in ODP on local drive:</p>
  423. <p><a href="https://quintessens.wordpress.com/2017/08/21/source-control-disruption-in-dde/dump03/" rel="attachment wp-att-2604"><img data-attachment-id="2604" data-permalink="https://quintessens.wordpress.com/2017/08/21/source-control-disruption-in-dde/dump03/" data-orig-file="https://quintessens.files.wordpress.com/2017/08/dump03.png?w=636&#038;h=246" data-orig-size="1283,496" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="dump03" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2017/08/dump03.png?w=636&#038;h=246?w=300" data-large-file="https://quintessens.files.wordpress.com/2017/08/dump03.png?w=636&#038;h=246?w=636" class="alignnone size-full wp-image-2604" src="https://quintessens.files.wordpress.com/2017/08/dump03.png?w=636&#038;h=246" alt="" width="636" height="246" srcset="https://quintessens.files.wordpress.com/2017/08/dump03.png?w=636&amp;h=246 636w, https://quintessens.files.wordpress.com/2017/08/dump03.png?w=1272&amp;h=492 1272w, https://quintessens.files.wordpress.com/2017/08/dump03.png?w=150&amp;h=58 150w, https://quintessens.files.wordpress.com/2017/08/dump03.png?w=300&amp;h=116 300w, https://quintessens.files.wordpress.com/2017/08/dump03.png?w=768&amp;h=297 768w, https://quintessens.files.wordpress.com/2017/08/dump03.png?w=1024&amp;h=396 1024w" sizes="(max-width: 636px) 100vw, 636px" /></a></p>
  424. <p>Removing the imported ODP, removing source control with the NSF, re-importing the ODP in DDE and re-establishing source control for the NSF with the new project caused that I could see the changes in the NSF. However with the next change which a colleague made we were facing the same disruption on my machine.</p>
  425. <p>For us it clear that this is not a work situation we can trust when DDE is not able to make the transition from ODP to NSF.</p>
  426. <p>Have you experienced the same and have you come up with a work-around?</p>
  427. <p>For us it would mean that we can not complete the DevOps chain that is set for development environments&#8230;</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2601/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2601/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2601&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  428. <wfw:commentRss>https://quintessens.wordpress.com/2017/08/21/source-control-disruption-in-dde/feed/</wfw:commentRss>
  429. <slash:comments>13</slash:comments>
  430. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  431. <media:title type="html">quintessens</media:title>
  432. </media:content>
  433.  
  434. <media:content url="http://quintessens.files.wordpress.com/2017/08/dump01.png" medium="image" />
  435.  
  436. <media:content url="http://quintessens.files.wordpress.com/2017/08/dump02.png" medium="image" />
  437.  
  438. <media:content url="http://quintessens.files.wordpress.com/2017/08/dump03.png" medium="image" />
  439. </item>
  440. <item>
  441. <title>XPages sufficient for line of business type of applications?</title>
  442. <link>https://quintessens.wordpress.com/2017/07/11/xpages-sufficient-for-line-of-business-type-of-applications/</link>
  443. <comments>https://quintessens.wordpress.com/2017/07/11/xpages-sufficient-for-line-of-business-type-of-applications/#comments</comments>
  444. <pubDate>Tue, 11 Jul 2017 08:07:47 +0000</pubDate>
  445. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  446. <category><![CDATA[development]]></category>
  447. <category><![CDATA[ajax]]></category>
  448. <category><![CDATA[Bluemix]]></category>
  449. <category><![CDATA[bootstrap]]></category>
  450. <category><![CDATA[connections]]></category>
  451. <category><![CDATA[graph db]]></category>
  452. <category><![CDATA[Java]]></category>
  453. <category><![CDATA[jsf]]></category>
  454. <category><![CDATA[JSON]]></category>
  455. <category><![CDATA[openntf]]></category>
  456. <category><![CDATA[XPages]]></category>
  457.  
  458. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2599</guid>
  459. <description><![CDATA[Hi there, currently I am following another Angular course since it seems to have become the leading development framework at work. So back to learning all the rules within Angular. At the moment I am modernizing a Domino application with the&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2017/07/11/xpages-sufficient-for-line-of-business-type-of-applications/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2599&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  460. <content:encoded><![CDATA[<p>Hi there, currently I am following another <a href="https://www.pluralsight.com/courses/angular-2-getting-started">Angular course</a> since it seems to have become the leading development framework at work. So back to learning all the rules within Angular.</p>
  461. <p>At the moment I am modernizing a Domino application with the help of XPages which:</p>
  462. <ol>
  463. <li>Implements <a href="http://www.pipalia.co.uk/notes-development/rethinking-xpages-part-two/">Model-View-Controller architecture, mostly inspired by the guys at Pipelia</a> since IBM never told us to do so.</li>
  464. <li>Is written in <a href="https://stackoverflow.com/questions/7604651/xpages-and-java-frameworks">Java to support the MVC architecture and to have close integration with XPages runtime</a>.</li>
  465. <li>Is using <a href="http://docs.oracle.com/javaee/6/tutorial/doc/gjddd.html">Expression Language</a> wherever possible to avoid usage of SSJS.</li>
  466. <li>Uses the <a href="https://vimeo.com/35344792">lifecycle of JSF in XPages</a> at the max.</li>
  467. <li>To cover support for different devices I am using <a href="http://getbootstrap.com/css/">Bootstrap</a> as front-end framework. So I miss some native behavior which I do not tend to <a href="http://hammerjs.github.io/">cover-up</a>.</li>
  468. </ol>
  469. <p>So far so good and I think I have come quiet long in my project so I still dare to call it rapid application development.</p>
  470. <p>The code-base has been reduced dramatically and all exotic upcoming JavaScript libraries from the early 2000 I have been able to replace with just XPages. With my latent UX skills and <a href="https://bootsnipp.com/">extending the out of the box Bootstrap</a> I might now even call this application &#8216;sexy&#8217; <img src="https://s0.wp.com/wp-content/mu-plugins/wpcom-smileys/twemoji/2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
  471. <p>I know I haven&#8217;t touched many areas discussed in the XPages community such as:</p>
  472. <ul>
  473. <li><a href="https://xomino.com/category/websockets-in-xpages/">Websockets</a> (I do not see a use-case yet).</li>
  474. <li>Writing Java servlets (please pass me a demo NSF).</li>
  475. <li><a href="https://www.youtube.com/playlist?list=PLDwtKVdVRxGwYqidapXcpe-34K94PARWj">Watson</a> services (cloud is still a sensitive topic).</li>
  476. <li>set up micro-services with <a href="https://smartnsf.openntf.org/main.nsf/project.xsp?r=project/SmartNSF">smartNSF</a> and <a href="https://stackoverflow.com/questions/21191273/consume-rest-service-in-xpage">consume them in my Java code</a> with an mapper library (requires changes in the environment).</li>
  477. <li>Integration with IBM Connections.</li>
  478. <li>Redefining my data with the help of a Graph DB.</li>
  479. </ul>
  480. <p>Either I see little usage, it is not possible or there is no-one to guide me (the information is certainly not provided by the vendor).</p>
  481. <p>So now back to Angular. Learning all these rules, technologies and new tools setup I was wondering what new technical options this framework will bring me at work. Reflecting on the type of customer-orders I receive I am wondering:</p>
  482. <blockquote><p>Is XPages not sufficient for most of your line of business apps?</p></blockquote>
  483. <p>Perhaps you have a though about this?</p>
  484. <p>Happy development &amp; enjoy your summer <img src="https://s0.wp.com/wp-content/mu-plugins/wpcom-smileys/twemoji/2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2599/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2599/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2599&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  485. <wfw:commentRss>https://quintessens.wordpress.com/2017/07/11/xpages-sufficient-for-line-of-business-type-of-applications/feed/</wfw:commentRss>
  486. <slash:comments>6</slash:comments>
  487. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  488. <media:title type="html">quintessens</media:title>
  489. </media:content>
  490. </item>
  491. <item>
  492. <title>Where are we?</title>
  493. <link>https://quintessens.wordpress.com/2017/04/19/where-are-we/</link>
  494. <comments>https://quintessens.wordpress.com/2017/04/19/where-are-we/#respond</comments>
  495. <pubDate>Wed, 19 Apr 2017 19:19:47 +0000</pubDate>
  496. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  497. <category><![CDATA[social]]></category>
  498.  
  499. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2580</guid>
  500. <description><![CDATA[Today I received a question on a post I wrote some time ago. I had to start up my local development environment just to see if I remembered where I placed the code that was asked for. So where are&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2017/04/19/where-are-we/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2580&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  501. <content:encoded><![CDATA[<p>Today I received a question on a post I wrote some time ago. I had to start up my local development environment just to see if I remembered where I placed the code that was asked for.</p>
  502. <p>So where are we? Or what are we doing?</p>
  503. <p>Still Domino. Still XPages. But then mainly in Java. The story about application development with XPages that IBM did NOT tell you. Why? You may tell.</p>
  504. <p>I was thinking about gathering my past experience and ideas and combine it into a &#8216;product&#8217; but workload and a private life with small kids is preventing me from this.</p>
  505. <p>OpenNTF? Naaa. Too tired.</p>
  506. <p>CU at Engage? Probably not (I am a developer and development sessions are scarce).</p>
  507. <p>CU at GraphConnect? Good chance!</p>
  508. <p>This blog? Yes, probably some new posts soon.</p>
  509. <p>Something in the pipeline? Yes, tomorrow a presentation for colleagues on using Java in XPages development.</p>
  510. <p>For now: time to watch some CL football <img src="https://s0.wp.com/wp-content/mu-plugins/wpcom-smileys/twemoji/2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
  511. <p><img data-attachment-id="2597" data-permalink="https://quintessens.wordpress.com/2017/04/19/where-are-we/capture/" data-orig-file="https://quintessens.files.wordpress.com/2017/04/capture.png?w=636" data-orig-size="1742,820" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="Capture" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2017/04/capture.png?w=636?w=300" data-large-file="https://quintessens.files.wordpress.com/2017/04/capture.png?w=636?w=636" class="alignnone size-full wp-image-2597" src="https://quintessens.files.wordpress.com/2017/04/capture.png?w=636" alt="Capture" srcset="https://quintessens.files.wordpress.com/2017/04/capture.png?w=636 636w, https://quintessens.files.wordpress.com/2017/04/capture.png?w=1270 1270w, https://quintessens.files.wordpress.com/2017/04/capture.png?w=150 150w, https://quintessens.files.wordpress.com/2017/04/capture.png?w=300 300w, https://quintessens.files.wordpress.com/2017/04/capture.png?w=768 768w, https://quintessens.files.wordpress.com/2017/04/capture.png?w=1024 1024w" sizes="(max-width: 636px) 100vw, 636px"   /></p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2580/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2580/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2580&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  512. <wfw:commentRss>https://quintessens.wordpress.com/2017/04/19/where-are-we/feed/</wfw:commentRss>
  513. <slash:comments>0</slash:comments>
  514. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  515. <media:title type="html">quintessens</media:title>
  516. </media:content>
  517.  
  518. <media:content url="http://quintessens.files.wordpress.com/2017/04/capture.png" medium="image">
  519. <media:title type="html">Capture</media:title>
  520. </media:content>
  521. </item>
  522. <item>
  523. <title>Quick responsive type-ahead function</title>
  524. <link>https://quintessens.wordpress.com/2017/03/17/quick-responsive-type-ahead-function/</link>
  525. <comments>https://quintessens.wordpress.com/2017/03/17/quick-responsive-type-ahead-function/#respond</comments>
  526. <pubDate>Fri, 17 Mar 2017 06:33:28 +0000</pubDate>
  527. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  528. <category><![CDATA[JavaScript]]></category>
  529. <category><![CDATA[search]]></category>
  530. <category><![CDATA[gist]]></category>
  531. <category><![CDATA[SSJS]]></category>
  532. <category><![CDATA[type-ahead]]></category>
  533. <category><![CDATA[usability]]></category>
  534.  
  535. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2575</guid>
  536. <description><![CDATA[For an XPages form I needed a workaround for a combobox with a large data-set. At first I tried the select2 jQuery plugin so I could also have a filter option as some form of type-ahead. However it turned out&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2017/03/17/quick-responsive-type-ahead-function/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2575&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  537. <content:encoded><![CDATA[<p>For an XPages form I needed a workaround for a combobox with a large data-set. At first I tried the select2 jQuery plugin so I could also have a filter option as some form of type-ahead. However it turned out that my select2 list became quiet unresponsive when an entry far in the list was selected (generating the list and filtering was fine).</p>
  538. <p>So my next option was to go for a type-ahead approach. First hit on Google was a <a href="https://www.youtube.com/watch?v=QAE1kqGWsO4" target="_blank">NotesIn9 vid</a> about a fancy type based upon the original post of <a href="http://avatar.red-pill.mobi/tim/blog.nsf/d6plinks/TTRY-7XD5P9">Tim Tripcony</a> (hello 2009).</p>
  539. <p>Due to the large data-set instead of the <a href="https://www-10.lotus.com/ldd/ddwiki.nsf/dx/notesview_sample_javascript_code_for_xpages#getAllEntriesByKey">getAllEntriesByKey </a>method I decided to go for a <a href="https://www-10.lotus.com/ldd/ddwiki.nsf/dx/notesview_sample_javascript_code_for_xpages#getEntryByKey">getEntryByKey </a>method and from the found view entry continue with <a href="https://www-10.lotus.com/ldd/ddwiki.nsf/dx/notesview_sample_javascript_code_for_xpages#createViewNavFrom">createViewNavFrom</a>. This turned out to be extremely responsive!</p>
  540. <p>Further I noticed in the original code a hash object is used so that does not guaranteed me a correct order of my result list so I added an additional array, just for a returning a list with correct sort order.</p>
  541. <p>I like especially in this approach the option to control the returned markup so think here about <a href="https://www.w3schools.com/bootstrap/bootstrap_media_objects.asp">Bootstrap Media object lists</a>. And of course the ease to set the value that you want to have returned in the edit box.</p>
  542. <p>This is <a href="https://quintessens.wordpress.com/2015/06/10/building-a-live-search-function-with-domino-access-services-jquery-tokeninput/">not my first blog-post on delivering search function</a> to your application so now you have just another solution available for your toolbox.</p>
  543. <p><a href="https://quintessens.wordpress.com/?attachment_id=2576" rel="attachment wp-att-2576"><img data-attachment-id="2576" data-permalink="https://quintessens.wordpress.com/2017/03/17/quick-responsive-type-ahead-function/edit_box_typeahead/" data-orig-file="https://quintessens.files.wordpress.com/2017/03/edit_box_typeahead.png?w=636&#038;h=200" data-orig-size="1086,342" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="edit_box_typeahead" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2017/03/edit_box_typeahead.png?w=636&#038;h=200?w=300" data-large-file="https://quintessens.files.wordpress.com/2017/03/edit_box_typeahead.png?w=636&#038;h=200?w=636" class="alignnone size-full wp-image-2576" src="https://quintessens.files.wordpress.com/2017/03/edit_box_typeahead.png?w=636&#038;h=200" alt="" width="636" height="200" srcset="https://quintessens.files.wordpress.com/2017/03/edit_box_typeahead.png?w=636&amp;h=200 636w, https://quintessens.files.wordpress.com/2017/03/edit_box_typeahead.png?w=150&amp;h=47 150w, https://quintessens.files.wordpress.com/2017/03/edit_box_typeahead.png?w=300&amp;h=94 300w, https://quintessens.files.wordpress.com/2017/03/edit_box_typeahead.png?w=768&amp;h=242 768w, https://quintessens.files.wordpress.com/2017/03/edit_box_typeahead.png?w=1024&amp;h=322 1024w, https://quintessens.files.wordpress.com/2017/03/edit_box_typeahead.png 1086w" sizes="(max-width: 636px) 100vw, 636px" /></a></p>
  544. <p>The script is <a href="https://gist.github.com/anonymous/592085c32822da3d7cb73ed04e0156b9">available as a gist</a>.</p>
  545. <p>Happy development =)</p>
  546. <p>&nbsp;</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2575/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2575/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2575&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  547. <wfw:commentRss>https://quintessens.wordpress.com/2017/03/17/quick-responsive-type-ahead-function/feed/</wfw:commentRss>
  548. <slash:comments>0</slash:comments>
  549. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  550. <media:title type="html">quintessens</media:title>
  551. </media:content>
  552.  
  553. <media:content url="http://quintessens.files.wordpress.com/2017/03/edit_box_typeahead.png" medium="image" />
  554. </item>
  555. <item>
  556. <title>Get rid of &#8220;Infinity&#8221; as the result of a @DbColumn in a combobox &#8211; Quicktip</title>
  557. <link>https://quintessens.wordpress.com/2017/03/15/get-rid-of-infinity-as-the-result-of-a-dbcolumn-in-a-combobox-quicktip/</link>
  558. <comments>https://quintessens.wordpress.com/2017/03/15/get-rid-of-infinity-as-the-result-of-a-dbcolumn-in-a-combobox-quicktip/#comments</comments>
  559. <pubDate>Wed, 15 Mar 2017 09:48:43 +0000</pubDate>
  560. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  561. <category><![CDATA[JavaScript]]></category>
  562. <category><![CDATA[@Dbcolumn]]></category>
  563. <category><![CDATA[combobox]]></category>
  564. <category><![CDATA[select2]]></category>
  565.  
  566. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2557</guid>
  567. <description><![CDATA[Who has not experienced the following: XPages has a 32 or 64 ( can&#8217;t remember which ) limit for the lookup formula whereas in Notes the limit is only for the whole of the formula e.g. after @unique is applied.&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2017/03/15/get-rid-of-infinity-as-the-result-of-a-dbcolumn-in-a-combobox-quicktip/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2557&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  568. <content:encoded><![CDATA[<p>Who has not experienced the following:</p>
  569. <blockquote><p>XPages has a 32 or 64 ( can&#8217;t remember which ) limit for the lookup formula whereas in Notes the limit is only for the whole of the formula e.g. after @unique is applied.</p>
  570. <p>It makes it very hard to have meaningful drop downs for filtering data.</p></blockquote>
  571. <p>Instead you can use SSJS e.g.:</p>
  572. <blockquote><p>var lookupView:NotesView = database.getView(&#8220;&lt;LOOKUPVIEW&gt;&#8221;);<br />
  573. lookupView.getColumnValues(0)</p></blockquote>
  574. <p>This is the equivalent to:</p>
  575. <blockquote><p>@DbColumn( &#8220;&#8221;,&#8221;&lt;LOOKUPVIEW&gt;&#8221;, 1 );</p></blockquote>
  576. <p>and returns you the full result without the limit.</p>
  577. <p>But this also brings me to the following problem:</p>
  578. <p>When I enable Select2 on a loooong combobox the list is populated the type-ahead / filtering works fine BUT when I select a value long down the list the response of the select2 combobox becomes really sloooow.</p>
  579. <p>Does anyone has an approach to this?</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2557/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2557/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2557&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  580. <wfw:commentRss>https://quintessens.wordpress.com/2017/03/15/get-rid-of-infinity-as-the-result-of-a-dbcolumn-in-a-combobox-quicktip/feed/</wfw:commentRss>
  581. <slash:comments>2</slash:comments>
  582. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  583. <media:title type="html">quintessens</media:title>
  584. </media:content>
  585. </item>
  586. <item>
  587. <title>Feed highlights of week 2</title>
  588. <link>https://quintessens.wordpress.com/2017/01/12/feed-highlights-of-week-2/</link>
  589. <comments>https://quintessens.wordpress.com/2017/01/12/feed-highlights-of-week-2/#respond</comments>
  590. <pubDate>Thu, 12 Jan 2017 12:14:04 +0000</pubDate>
  591. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  592. <category><![CDATA[Lotus Domino]]></category>
  593. <category><![CDATA[IBM Notes]]></category>
  594. <category><![CDATA[openntf]]></category>
  595. <category><![CDATA[tooling]]></category>
  596. <category><![CDATA[XPages]]></category>
  597. <category><![CDATA[ytria]]></category>
  598.  
  599. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2553</guid>
  600. <description><![CDATA[I processed the feeds in my feedreader and aggregated the most important ones in a short video.<img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2553&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  601. <content:encoded><![CDATA[<p>I processed the feeds in my feedreader and aggregated the most important ones in a short video.</p>
  602. <div class="jetpack-video-wrapper"><iframe class='youtube-player' type='text/html' width='560' height='315' src='https://www.youtube.com/embed/z5whanh6N6o?version=3&#038;rel=1&#038;fs=1&#038;autohide=2&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' allowfullscreen='true' style='border:0;'></iframe></div><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2553/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2553/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2553&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  603. <wfw:commentRss>https://quintessens.wordpress.com/2017/01/12/feed-highlights-of-week-2/feed/</wfw:commentRss>
  604. <slash:comments>0</slash:comments>
  605. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  606. <media:title type="html">quintessens</media:title>
  607. </media:content>
  608. </item>
  609. <item>
  610. <title>Display JSON pretty in a textarea control</title>
  611. <link>https://quintessens.wordpress.com/2016/12/23/display-json-pretty-in-a-textarea-control/</link>
  612. <comments>https://quintessens.wordpress.com/2016/12/23/display-json-pretty-in-a-textarea-control/#comments</comments>
  613. <pubDate>Fri, 23 Dec 2016 08:01:25 +0000</pubDate>
  614. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  615. <category><![CDATA[development]]></category>
  616. <category><![CDATA[JSON]]></category>
  617. <category><![CDATA[XPages]]></category>
  618.  
  619. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2545</guid>
  620. <description><![CDATA[In an application I am using heavily JSON default as the data-format. To make debugging a bit more easy I am working on a toolbar to be able to check the content of the JSON objects. Normally I use JSONLint most of&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2016/12/23/display-json-pretty-in-a-textarea-control/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2545&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  621. <content:encoded><![CDATA[<p>In an application I am using heavily JSON default as the data-format. To make debugging a bit more easy I am working on a toolbar to be able to check the content of the JSON objects.</p>
  622. <p>Normally I use <a href="http://jsonlint.com/">JSONLint</a> most of the time to prettify (and validate) the JSON so it becomes a bit easier to read and check. But this copy and paste habit becomes more and more obnoxious so there I wanted to have a toolbar (like the debug toolbar) to have a good overview of the JSON objects.</p>
  623. <p>However if you write the JSON object to a computed field or text area field (inputTextarea control in the XPages world) it is just plain, unformatted text. Not pretty for the eye and not much helpful for the brain.</p>
  624. <p>So I tested a simple approach which turns out to run just fine. I display the json object in a textarea input control and then with CSJS I format the content. Here is some sample code:</p>
  625. <blockquote><p>&lt;xp:inputTextarea id=&#8221;input-fieldx&#8221; defaultValue=&#8221;#{javascript:App.currCollection}&#8221;&gt;<br />
  626. &lt;/xp:inputTextarea&gt;<br />
  627. &lt;xp:button value=&#8221;Make Pretty&#8221; id=&#8221;button1&#8243;&gt;<br />
  628. &lt;xp:eventHandler event=&#8221;onclick&#8221; submit=&#8221;false&#8221;&gt;<br />
  629. &lt;xp:this.script&gt;<br />
  630. &lt;![CDATA[var name = x$(&#8216;#{id:input-fieldx}&#8217;).attr(&#8220;name&#8221;);<br />
  631. prettyPrint(name);]]&gt;<br />
  632. &lt;/xp:this.script&gt;<br />
  633. &lt;/xp:eventHandler&gt;<br />
  634. &lt;/xp:button&gt;<br />
  635. &lt;xp:scriptBlock id=&#8221;scriptBlock1&#8243;&gt;<br />
  636. &lt;xp:this.value&gt;<br />
  637. &lt;![CDATA[function prettyPrint(id) {<br />
  638. var obj = dojo.byId(id);<br />
  639. var ugly = obj.value;<br />
  640. var json = dojo.fromJson(ugly);<br />
  641. var pretty = JSON.stringify(json, undefined, 4);<br />
  642. obj.innerHTML = pretty;<br />
  643. dojo.setAttr(id,&#8221;rows&#8221;,10);<br />
  644. }]]&gt;<br />
  645. &lt;/xp:this.value&gt;<br />
  646. &lt;/xp:scriptBlock&gt;</p></blockquote>
  647. <p>Here is what it looks like:</p>
  648. <p><a href="https://quintessens.wordpress.com/?attachment_id=2546" rel="attachment wp-att-2546"><img data-attachment-id="2546" data-permalink="https://quintessens.wordpress.com/2016/12/23/display-json-pretty-in-a-textarea-control/json-before/" data-orig-file="https://quintessens.files.wordpress.com/2016/12/json-before.png?w=636" data-orig-size="485,100" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="json-before" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/12/json-before.png?w=636?w=300" data-large-file="https://quintessens.files.wordpress.com/2016/12/json-before.png?w=636?w=485" class="alignnone size-full wp-image-2546" src="https://quintessens.files.wordpress.com/2016/12/json-before.png?w=636" alt="json-before" srcset="https://quintessens.files.wordpress.com/2016/12/json-before.png 485w, https://quintessens.files.wordpress.com/2016/12/json-before.png?w=150 150w, https://quintessens.files.wordpress.com/2016/12/json-before.png?w=300 300w" sizes="(max-width: 485px) 100vw, 485px"   /></a></p>
  649. <p>The content how it looks initially.</p>
  650. <p><a href="https://quintessens.wordpress.com/?attachment_id=2547" rel="attachment wp-att-2547"><img data-attachment-id="2547" data-permalink="https://quintessens.wordpress.com/2016/12/23/display-json-pretty-in-a-textarea-control/json-after/" data-orig-file="https://quintessens.files.wordpress.com/2016/12/json-after.png?w=636" data-orig-size="482,258" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="json-after" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/12/json-after.png?w=636?w=300" data-large-file="https://quintessens.files.wordpress.com/2016/12/json-after.png?w=636?w=482" class="alignnone size-full wp-image-2547" src="https://quintessens.files.wordpress.com/2016/12/json-after.png?w=636" alt="json-after" srcset="https://quintessens.files.wordpress.com/2016/12/json-after.png 482w, https://quintessens.files.wordpress.com/2016/12/json-after.png?w=150 150w, https://quintessens.files.wordpress.com/2016/12/json-after.png?w=300 300w" sizes="(max-width: 482px) 100vw, 482px"   /></a></p>
  651. <p>The content how it looks like after running the code.</p>
  652. <p>Note I had to include the [ ] signs in my code to make the JSON valid due to circumstances in my code, I removed it from the sample code above.</p>
  653. <p>At least now I understand my JSON objects again and I can avoid some copy and paste to JSONLint <img src="https://s0.wp.com/wp-content/mu-plugins/wpcom-smileys/twemoji/2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
  654. <p>This is probably my last blog of this year so I would like to wish you some wonderful Christmas days. Take care and best wishes for a healthy 2017!</p>
  655. <p>&nbsp;</p>
  656. <p>&nbsp;</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2545/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2545/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2545&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  657. <wfw:commentRss>https://quintessens.wordpress.com/2016/12/23/display-json-pretty-in-a-textarea-control/feed/</wfw:commentRss>
  658. <slash:comments>2</slash:comments>
  659. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  660. <media:title type="html">quintessens</media:title>
  661. </media:content>
  662.  
  663. <media:content url="http://quintessens.files.wordpress.com/2016/12/json-before.png" medium="image">
  664. <media:title type="html">json-before</media:title>
  665. </media:content>
  666.  
  667. <media:content url="http://quintessens.files.wordpress.com/2016/12/json-after.png" medium="image">
  668. <media:title type="html">json-after</media:title>
  669. </media:content>
  670. </item>
  671. <item>
  672. <title>Nice reversible cards in a IBM Verse style</title>
  673. <link>https://quintessens.wordpress.com/2016/12/12/nice-reversible-cards-in-a-ibm-verse-style/</link>
  674. <comments>https://quintessens.wordpress.com/2016/12/12/nice-reversible-cards-in-a-ibm-verse-style/#respond</comments>
  675. <pubDate>Mon, 12 Dec 2016 08:05:16 +0000</pubDate>
  676. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  677. <category><![CDATA[Design]]></category>
  678. <category><![CDATA[animation]]></category>
  679. <category><![CDATA[bootstrap]]></category>
  680. <category><![CDATA[cards]]></category>
  681. <category><![CDATA[css]]></category>
  682. <category><![CDATA[ibm verse]]></category>
  683. <category><![CDATA[JavaScript]]></category>
  684. <category><![CDATA[responsive]]></category>
  685.  
  686. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2535</guid>
  687. <description><![CDATA[In an application I am displaying objects with cards. Because the type of objects may differ in type and amount of data (text, images, tables, dates) the cards to display them differ. Some cards have interaction (popup, dialogs, reversible) and some are just&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2016/12/12/nice-reversible-cards-in-a-ibm-verse-style/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2535&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  688. <content:encoded><![CDATA[<p>In an application I am displaying objects with cards. Because the type of objects may differ in type and amount of data (text, images, tables, dates) the cards to display them differ.</p>
  689. <p>Some cards have interaction (popup, dialogs, reversible) and some are just static. In this post I will discuss the reversible card type.</p>
  690. <p>The reversible card has as features:</p>
  691. <ul>
  692. <li>a front card with a folded corner, if you move over the fold an info icon appears which you can click to see the card&#8217;s back.</li>
  693. <li>when you flip over to the back or front it is all nicely animated.</li>
  694. <li>on the back of the card there is another icon to switch back to the card&#8217;s front.</li>
  695. </ul>
  696. <p>The purpose of this reversible card is to save space in my UI, and to provide layout for secondary information, which is more important if you want to look at more detailed information.</p>
  697. <p>It could also be a placeholder for data that, when placed in the front of the card, ask for too much landscape (e.g. a chart).</p>
  698. <p>Things become much clearer with images so here are a few:</p>
  699. <p><a href="https://quintessens.wordpress.com/?attachment_id=2536" rel="attachment wp-att-2536"><img data-attachment-id="2536" data-permalink="https://quintessens.wordpress.com/2016/12/12/nice-reversible-cards-in-a-ibm-verse-style/card-default/" data-orig-file="https://quintessens.files.wordpress.com/2016/12/card-default.jpg?w=636" data-orig-size="457,225" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;admin&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1481485641&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="card-default" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/12/card-default.jpg?w=636?w=300" data-large-file="https://quintessens.files.wordpress.com/2016/12/card-default.jpg?w=636?w=457" class="alignnone size-full wp-image-2536" src="https://quintessens.files.wordpress.com/2016/12/card-default.jpg?w=636" alt="card-default" srcset="https://quintessens.files.wordpress.com/2016/12/card-default.jpg 457w, https://quintessens.files.wordpress.com/2016/12/card-default.jpg?w=150 150w, https://quintessens.files.wordpress.com/2016/12/card-default.jpg?w=300 300w" sizes="(max-width: 457px) 100vw, 457px"   /></a></p>
  700. <p>Image: Default presentation.</p>
  701. <p><a href="https://quintessens.wordpress.com/?attachment_id=2537" rel="attachment wp-att-2537"><img data-attachment-id="2537" data-permalink="https://quintessens.wordpress.com/2016/12/12/nice-reversible-cards-in-a-ibm-verse-style/card-mouse-over-fold/" data-orig-file="https://quintessens.files.wordpress.com/2016/12/card-mouse-over-fold.jpg?w=636" data-orig-size="443,225" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;admin&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1481485741&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="card-mouse-over-fold" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/12/card-mouse-over-fold.jpg?w=636?w=300" data-large-file="https://quintessens.files.wordpress.com/2016/12/card-mouse-over-fold.jpg?w=636?w=443" class="alignnone size-full wp-image-2537" src="https://quintessens.files.wordpress.com/2016/12/card-mouse-over-fold.jpg?w=636" alt="card-mouse-over-fold" srcset="https://quintessens.files.wordpress.com/2016/12/card-mouse-over-fold.jpg 443w, https://quintessens.files.wordpress.com/2016/12/card-mouse-over-fold.jpg?w=150 150w, https://quintessens.files.wordpress.com/2016/12/card-mouse-over-fold.jpg?w=300 300w" sizes="(max-width: 443px) 100vw, 443px"   /></a></p>
  702. <p>Image: Expand folding (animation) when mouse-over.</p>
  703. <p><a href="https://quintessens.wordpress.com/?attachment_id=2538" rel="attachment wp-att-2538"><img data-attachment-id="2538" data-permalink="https://quintessens.wordpress.com/2016/12/12/nice-reversible-cards-in-a-ibm-verse-style/card-flipped/" data-orig-file="https://quintessens.files.wordpress.com/2016/12/card-flipped.jpg?w=636" data-orig-size="433,240" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;admin&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1481485803&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="card-flipped" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/12/card-flipped.jpg?w=636?w=300" data-large-file="https://quintessens.files.wordpress.com/2016/12/card-flipped.jpg?w=636?w=433" class="alignnone size-full wp-image-2538" src="https://quintessens.files.wordpress.com/2016/12/card-flipped.jpg?w=636" alt="card-flipped" srcset="https://quintessens.files.wordpress.com/2016/12/card-flipped.jpg 433w, https://quintessens.files.wordpress.com/2016/12/card-flipped.jpg?w=150 150w, https://quintessens.files.wordpress.com/2016/12/card-flipped.jpg?w=300 300w" sizes="(max-width: 433px) 100vw, 433px"   /></a></p>
  704. <p>Image: animation when flipping over a card.</p>
  705. <p><a href="https://quintessens.wordpress.com/?attachment_id=2539" rel="attachment wp-att-2539"><img data-attachment-id="2539" data-permalink="https://quintessens.wordpress.com/2016/12/12/nice-reversible-cards-in-a-ibm-verse-style/card-back/" data-orig-file="https://quintessens.files.wordpress.com/2016/12/card-back.jpg?w=636" data-orig-size="454,233" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;admin&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1481485846&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="card-back" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/12/card-back.jpg?w=636?w=300" data-large-file="https://quintessens.files.wordpress.com/2016/12/card-back.jpg?w=636?w=454" class="alignnone size-full wp-image-2539" src="https://quintessens.files.wordpress.com/2016/12/card-back.jpg?w=636" alt="card-back" srcset="https://quintessens.files.wordpress.com/2016/12/card-back.jpg 454w, https://quintessens.files.wordpress.com/2016/12/card-back.jpg?w=150 150w, https://quintessens.files.wordpress.com/2016/12/card-back.jpg?w=300 300w" sizes="(max-width: 454px) 100vw, 454px"   /></a></p>
  706. <p>Image: the back of the card.</p>
  707. <p>I use the cards within a repeat control and with Bootstrap they align nicely and are responsive:</p>
  708. <p><a href="https://quintessens.wordpress.com/?attachment_id=2540" rel="attachment wp-att-2540"><img data-attachment-id="2540" data-permalink="https://quintessens.wordpress.com/2016/12/12/nice-reversible-cards-in-a-ibm-verse-style/cards-2/" data-orig-file="https://quintessens.files.wordpress.com/2016/12/cards.jpg?w=636&#038;h=487" data-orig-size="894,684" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;admin&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1481486175&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="cards" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/12/cards.jpg?w=636&#038;h=487?w=300" data-large-file="https://quintessens.files.wordpress.com/2016/12/cards.jpg?w=636&#038;h=487?w=636" class="alignnone size-full wp-image-2540" src="https://quintessens.files.wordpress.com/2016/12/cards.jpg?w=636&#038;h=487" alt="cards" width="636" height="487" srcset="https://quintessens.files.wordpress.com/2016/12/cards.jpg?w=636&amp;h=487 636w, https://quintessens.files.wordpress.com/2016/12/cards.jpg?w=150&amp;h=115 150w, https://quintessens.files.wordpress.com/2016/12/cards.jpg?w=300&amp;h=230 300w, https://quintessens.files.wordpress.com/2016/12/cards.jpg?w=768&amp;h=588 768w, https://quintessens.files.wordpress.com/2016/12/cards.jpg 894w" sizes="(max-width: 636px) 100vw, 636px" /></a></p>
  709. <p>I have no idea when <a href="http://v4-alpha.getbootstrap.com/components/card/">Bootstrap 4 will be released with it&#8217;s card component</a> but according to my experience cards are &#8230; less useful without interaction.</p>
  710. <p>I made a small video to demonstrate the reversible cards feature:</p>
  711. <div class="jetpack-video-wrapper"><iframe class='youtube-player' type='text/html' width='560' height='315' src='https://www.youtube.com/embed/pJU7ZBsmDSc?version=3&#038;rel=1&#038;fs=1&#038;autohide=2&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' allowfullscreen='true' style='border:0;'></iframe></div>
  712. <p>If you want to implement the card yourself here is the code:</p>
  713. <p><a href="https://quintessens.wordpress.com/?attachment_id=2543" rel="attachment wp-att-2543"><img data-attachment-id="2543" data-permalink="https://quintessens.wordpress.com/2016/12/12/nice-reversible-cards-in-a-ibm-verse-style/card-code/" data-orig-file="https://quintessens.files.wordpress.com/2016/12/card-code.jpg?w=636&#038;h=352" data-orig-size="1206,668" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;admin&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1481487788&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="card-code" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/12/card-code.jpg?w=636&#038;h=352?w=300" data-large-file="https://quintessens.files.wordpress.com/2016/12/card-code.jpg?w=636&#038;h=352?w=636" class="alignnone size-full wp-image-2543" src="https://quintessens.files.wordpress.com/2016/12/card-code.jpg?w=636&#038;h=352" alt="card-code" width="636" height="352" srcset="https://quintessens.files.wordpress.com/2016/12/card-code.jpg?w=636&amp;h=352 636w, https://quintessens.files.wordpress.com/2016/12/card-code.jpg?w=150&amp;h=83 150w, https://quintessens.files.wordpress.com/2016/12/card-code.jpg?w=300&amp;h=166 300w, https://quintessens.files.wordpress.com/2016/12/card-code.jpg?w=768&amp;h=425 768w, https://quintessens.files.wordpress.com/2016/12/card-code.jpg?w=1024&amp;h=567 1024w, https://quintessens.files.wordpress.com/2016/12/card-code.jpg 1206w" sizes="(max-width: 636px) 100vw, 636px" /></a></p>
  714. <p>Most of the chemistry is performed with CSS so you also want that:</p>
  715. <p>body{<br />
  716. padding:20px;<br />
  717. }</p>
  718. <p>.flip {<br />
  719. -webkit-perspective: 800;<br />
  720. perspective: 800;<br />
  721. position: relative;<br />
  722. text-align: left;<br />
  723. min-height:200px;<br />
  724. margin-bottom:20px;<br />
  725. }</p>
  726. <p>.flipped {<br />
  727. height: 100%;<br />
  728. background-color:#efefef;<br />
  729. -webkit-transform: rotateY(-180deg);<br />
  730. transform: rotateY(-180deg);<br />
  731. }</p>
  732. <p>.card {<br />
  733. height: 100%;<br />
  734. -webkit-transform-style: preserve-3d;<br />
  735. -webkit-transition: 0.5s;<br />
  736. transform-style: preserve-3d;<br />
  737. transition: 0.5s;<br />
  738. }</p>
  739. <p>.card .face {<br />
  740. -webkit-backface-visibility: hidden ;<br />
  741. backface-visibility: hidden ;<br />
  742. z-index: 2;<br />
  743. }</p>
  744. <p>.front {<br />
  745. /*position: relative;*/<br />
  746. background-color: #FFF;</p>
  747. <p>height:200px;<br />
  748. position: absolute;<br />
  749. width: 100%;<br />
  750. z-index: 1;<br />
  751. border: 1px solid #e3e3e3;<br />
  752. box-shadow: 5px 7px rgba(0, 0, 0, 0.15);<br />
  753. transition: background 0.4s ease;<br />
  754. }</p>
  755. <p>.front-content, .back-content {<br />
  756. padding: 20px;<br />
  757. }<br />
  758. .front-content:before {<br />
  759. content:&#8221;&#8221;;<br />
  760. width: 80px;<br />
  761. height: 80px;<br />
  762. float: right;<br />
  763. }<br />
  764. .corner-tip:before, .corner-tip:after {<br />
  765. background-color: #FFF;<br />
  766. position: absolute;<br />
  767. display: block;<br />
  768. z-index: 2;<br />
  769. border-top-right-radius: 60%;<br />
  770. width: 50%;<br />
  771. height: 50%;<br />
  772. content: &#8220;&#8221;;<br />
  773. }<br />
  774. .corner-tip:before {<br />
  775. right: 100%;<br />
  776. top: 0%;<br />
  777. background: -webkit-radial-gradient(-180% 200%, circle, rgba(255,255,255,0) 80%, rgba(0,0,0,.2) 100%);<br />
  778. }<br />
  779. .front:hover .corner-tip:before {<br />
  780. border-right: solid 1px #fff;<br />
  781. }<br />
  782. .front div.corner:hover .corner-tip:before {<br />
  783. border-right: solid 2px #fff;<br />
  784. }<br />
  785. .corner-tip:after {<br />
  786. top: 100%;<br />
  787. right: 0%;<br />
  788. background: -webkit-radial-gradient(-250% 320%, circle, rgba(255,255,255,0) 80%, rgba(0,0,0,.2) 100%);<br />
  789. }<br />
  790. .front:hover .corner-tip:after {<br />
  791. border-top: solid 1px #fff;<br />
  792. }<br />
  793. .front div.corner:hover .corner-tip:after {<br />
  794. border-top: solid 2px #fff;<br />
  795. }<br />
  796. .corner { /* edit these sizes for the default revealing corner size */<br />
  797. height: 20px;<br />
  798. width: 20px;<br />
  799. right: 0;<br />
  800. top: 0;<br />
  801. position: absolute;<br />
  802. overflow: visible;<br />
  803. }<br />
  804. .front:hover .corner { /* edit corner size (First animation, when the whole page is rollovered) */<br />
  805. height: 30px;<br />
  806. width: 30px;<br />
  807. }<br />
  808. .front div.corner:hover { /* edit corner size (Second animation, when the corner itself is rollovered) */<br />
  809. height: 50px;<br />
  810. width: 50px;<br />
  811. }<br />
  812. .corner:before {<br />
  813. position: absolute;<br />
  814. top: 0;<br />
  815. right: 0;<br />
  816. content: &#8220;&#8221;;<br />
  817. display: block;<br />
  818. width: 133%;<br />
  819. height: 133%;<br />
  820. }<br />
  821. .corner-contents:after {<br />
  822. position: absolute;<br />
  823. top: 0;<br />
  824. right: 0;<br />
  825. content: &#8220;&#8221;;<br />
  826. background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 37%, #DDD 62%, rgba(230, 230, 230, 0.1) 64%, rgba(255, 255, 255, 0) 67%), -webkit-radial-gradient(-50% 150%, circle, transparent 74%, rgba(0, 0, 0, 0.2) 74%, transparent 81%);<br />
  827. display: block;<br />
  828. width: 133%;<br />
  829. height: 133%;<br />
  830. }<br />
  831. .corner-tip {<br />
  832. position: absolute;<br />
  833. top: 0;<br />
  834. right: 0;<br />
  835. content: &#8220;&#8221;;<br />
  836. background: -webkit-linear-gradient(45deg, #ddd 17%, #dfdfdf 18%, #f5f5f5 30%, #f8f8f8 34%, #eee 39%, rgba(200,200,200,0) 41%);<br />
  837. display: block;<br />
  838. width: 100%;<br />
  839. height: 100%;<br />
  840. }<br />
  841. .corner-button {<br />
  842. position: absolute;<br />
  843. top: 0;<br />
  844. right: 0;<br />
  845. color: #fff;<br />
  846. text-align: center;<br />
  847. padding:5px;<br />
  848. display: inline-block;<br />
  849. font-size: 1.6em;<br />
  850. color:black;<br />
  851. }<br />
  852. .corner-contents {<br />
  853. width: 125%;<br />
  854. position: absolute;<br />
  855. display: block;<br />
  856. overflow: hidden;<br />
  857. -webkit-mask: -webkit-linear-gradient(45deg, transparent 49%, #000 53%);<br />
  858. top: 0;<br />
  859. right: 0;<br />
  860. height: 125%;<br />
  861. }<br />
  862. ._corner-contents:before {<br />
  863. content: &#8220;&#8221;;<br />
  864. position: absolute;<br />
  865. top: 0;<br />
  866. right: 0;<br />
  867. content: &#8220;&#8221;;<br />
  868. display: block;<br />
  869. width: 100%;<br />
  870. height: 100%;<br />
  871. background-color: #eeeef4; /* Match this background color to #fpc_effect-back */<br />
  872. }<br />
  873. .corner, .corner-contents, .corner-tip {<br />
  874. -webkit-transition-property: all;<br />
  875. -webkit-transition-duration: .3s;<br />
  876. -webkit-transition-timing-function: cubic-bezier(0, 0.35, .5, 1.7);<br />
  877. }</p>
  878. <p>.back {<br />
  879. height:200px;<br />
  880. width: 100%;</p>
  881. <p>-webkit-transform: rotateY(-180deg);<br />
  882. transform: rotateY(-180deg);<br />
  883. border: 1px solid #e3e3e3;<br />
  884. box-shadow: 5px 7px rgba(0, 0, 0, 0.15);<br />
  885. transition: background 0.4s ease;<br />
  886. }</p>
  887. <p>.imgThumb{<br />
  888. width:66px;<br />
  889. height:66px;<br />
  890. }</p>
  891. <p>.card blockquote {<br />
  892. border-left: none;<br />
  893. margin: 0;<br />
  894. }</p>
  895. <p>.card blockquote img {<br />
  896. margin-bottom: 10px;<br />
  897. }</p>
  898. <p>.card blockquote p:before {<br />
  899. content: &#8220;\f10d&#8221;;<br />
  900. font-family: &#8216;Fontawesome&#8217;;<br />
  901. float: left;<br />
  902. margin-right: 10px;<br />
  903. }</p>
  904. <p>Okay, you are now all powered to impress your customers. Happy development <img src="https://s0.wp.com/wp-content/mu-plugins/wpcom-smileys/twemoji/2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2535/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2535/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2535&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  905. <wfw:commentRss>https://quintessens.wordpress.com/2016/12/12/nice-reversible-cards-in-a-ibm-verse-style/feed/</wfw:commentRss>
  906. <slash:comments>0</slash:comments>
  907. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  908. <media:title type="html">quintessens</media:title>
  909. </media:content>
  910.  
  911. <media:content url="http://quintessens.files.wordpress.com/2016/12/card-default.jpg" medium="image">
  912. <media:title type="html">card-default</media:title>
  913. </media:content>
  914.  
  915. <media:content url="http://quintessens.files.wordpress.com/2016/12/card-mouse-over-fold.jpg" medium="image">
  916. <media:title type="html">card-mouse-over-fold</media:title>
  917. </media:content>
  918.  
  919. <media:content url="http://quintessens.files.wordpress.com/2016/12/card-flipped.jpg" medium="image">
  920. <media:title type="html">card-flipped</media:title>
  921. </media:content>
  922.  
  923. <media:content url="http://quintessens.files.wordpress.com/2016/12/card-back.jpg" medium="image">
  924. <media:title type="html">card-back</media:title>
  925. </media:content>
  926.  
  927. <media:content url="http://quintessens.files.wordpress.com/2016/12/cards.jpg" medium="image">
  928. <media:title type="html">cards</media:title>
  929. </media:content>
  930.  
  931. <media:content url="http://quintessens.files.wordpress.com/2016/12/card-code.jpg" medium="image">
  932. <media:title type="html">card-code</media:title>
  933. </media:content>
  934. </item>
  935. <item>
  936. <title>I am a certified Graphista</title>
  937. <link>https://quintessens.wordpress.com/2016/12/08/i-am-a-certified-graphista/</link>
  938. <comments>https://quintessens.wordpress.com/2016/12/08/i-am-a-certified-graphista/#comments</comments>
  939. <pubDate>Thu, 08 Dec 2016 12:12:31 +0000</pubDate>
  940. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  941. <category><![CDATA[Graph]]></category>
  942. <category><![CDATA[certification]]></category>
  943. <category><![CDATA[neo4j]]></category>
  944.  
  945. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2529</guid>
  946. <description><![CDATA[Sweden has many IT solutions to be proud of. I assume you are using/have used Spotify or Skype. Perhaps you are not aware but another &#8220;Swedish&#8221; product you might have been using is Neo4j, a graph database management system. Graphs are all&#8230;  <p class="more-link"><a href="https://quintessens.wordpress.com/2016/12/08/i-am-a-certified-graphista/">Continue reading <span class="meta-nav">&#8594;</span></a></p><img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2529&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  947. <content:encoded><![CDATA[<p>Sweden has many IT solutions to be proud of. I assume you are using/have used Spotify or Skype.</p>
  948. <p>Perhaps you are not aware but another &#8220;Swedish&#8221; product you might have been using is <a href="https://en.wikipedia.org/wiki/Neo4j" target="_blank">Neo4j</a>, a <a title="Graph database" href="https://en.wikipedia.org/wiki/Graph_database">graph database</a> management system. Graphs are all around us. Typical <a href="https://neo4j.com/use-cases/">use cases</a> are recommendation systems, fraud detection and social networks.</p>
  949. <p>You can also make your IBM Notes data more &#8216;connected&#8217; by using the <a href="http://www.slideshare.net/OliverBusse/find-your-data?qid=6d04655c-fab0-45e1-bee2-3483143a7de6&amp;v=&amp;b=&amp;from_search=4">Graph DB capabilities</a> available in the <a href="https://www.openntf.org/main.nsf/project.xsp?r=project/OpenNTF%20Domino%20API">OpenNTF Domino API</a>.</p>
  950. <p>I chose to walk the easiest path to learn about Graph data modelling and that was to learn the probably most documented, described, leading Graph Db: <a href="http://www.predictiveanalyticstoday.com/top-graph-databases/">Neo4j</a>. After a while I felt comfortable with all the terminology, concepts and programmatic use so I felt confident to take the <a href="https://neo4j.com/blog/neo4j-certification-for-professionals/">test to become a Neo4j Certified Professional</a>.</p>
  951. <p>And voila!, here is the result:</p>
  952. <p><a href="https://quintessens.wordpress.com/2016/12/08/i-am-a-certified-graphista/neo4jcertificate/" rel="attachment wp-att-2530"><img data-attachment-id="2530" data-permalink="https://quintessens.wordpress.com/2016/12/08/i-am-a-certified-graphista/neo4jcertificate/" data-orig-file="https://quintessens.files.wordpress.com/2016/12/neo4jcertificate.png?w=636&#038;h=360" data-orig-size="1028,582" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="neo4jcertificate" data-image-description="" data-medium-file="https://quintessens.files.wordpress.com/2016/12/neo4jcertificate.png?w=636&#038;h=360?w=300" data-large-file="https://quintessens.files.wordpress.com/2016/12/neo4jcertificate.png?w=636&#038;h=360?w=636" class="alignnone size-full wp-image-2530" src="https://quintessens.files.wordpress.com/2016/12/neo4jcertificate.png?w=636&#038;h=360" alt="neo4jcertificate" width="636" height="360" srcset="https://quintessens.files.wordpress.com/2016/12/neo4jcertificate.png?w=636&amp;h=360 636w, https://quintessens.files.wordpress.com/2016/12/neo4jcertificate.png?w=150&amp;h=85 150w, https://quintessens.files.wordpress.com/2016/12/neo4jcertificate.png?w=300&amp;h=170 300w, https://quintessens.files.wordpress.com/2016/12/neo4jcertificate.png?w=768&amp;h=435 768w, https://quintessens.files.wordpress.com/2016/12/neo4jcertificate.png?w=1024&amp;h=580 1024w, https://quintessens.files.wordpress.com/2016/12/neo4jcertificate.png 1028w" sizes="(max-width: 636px) 100vw, 636px" /></a></p>
  953. <p>The test was harder than expected, the time pressure was significant and some subjects out of scope of my experience (administrator experience in a Production environment) but with logic and wishful thinking I came to a positive result <img src="https://s0.wp.com/wp-content/mu-plugins/wpcom-smileys/twemoji/2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
  954. <p>So far I have not read too many use-cases where IBM Notes data was used within Neo4j or applications written in XPages using the graph db of Neo4j. But what is not is yet to come&#8230;</p>
  955. <p>&nbsp;</p><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2529/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2529/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2529&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  956. <wfw:commentRss>https://quintessens.wordpress.com/2016/12/08/i-am-a-certified-graphista/feed/</wfw:commentRss>
  957. <slash:comments>2</slash:comments>
  958. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  959. <media:title type="html">quintessens</media:title>
  960. </media:content>
  961.  
  962. <media:content url="http://quintessens.files.wordpress.com/2016/12/neo4jcertificate.png" medium="image">
  963. <media:title type="html">neo4jcertificate</media:title>
  964. </media:content>
  965. </item>
  966. <item>
  967. <title>Feed highlights of week 47</title>
  968. <link>https://quintessens.wordpress.com/2016/11/29/feed-highlights-of-week-47/</link>
  969. <comments>https://quintessens.wordpress.com/2016/11/29/feed-highlights-of-week-47/#respond</comments>
  970. <pubDate>Tue, 29 Nov 2016 11:37:42 +0000</pubDate>
  971. <dc:creator><![CDATA[Patrick Kwinten]]></dc:creator>
  972. <category><![CDATA[bootstrap]]></category>
  973. <category><![CDATA[salesforce]]></category>
  974. <category><![CDATA[SSJS]]></category>
  975. <category><![CDATA[watson work]]></category>
  976. <category><![CDATA[XPages]]></category>
  977.  
  978. <guid isPermaLink="false">http://quintessens.wordpress.com/?p=2527</guid>
  979. <description><![CDATA[I processed the feeds in my feedreader and aggregated the most important ones in a short video.<img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2527&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
  980. <content:encoded><![CDATA[<p>I processed the feeds in my feedreader and aggregated the most important ones in a short video.</p>
  981. <div class="jetpack-video-wrapper"><iframe class='youtube-player' type='text/html' width='560' height='315' src='https://www.youtube.com/embed/nm1PAqaoWI4?version=3&#038;rel=1&#038;fs=1&#038;autohide=2&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' allowfullscreen='true' style='border:0;'></iframe></div><br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/quintessens.wordpress.com/2527/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/quintessens.wordpress.com/2527/" /></a> <img alt="" border="0" src="https://pixel.wp.com/b.gif?host=quintessens.wordpress.com&#038;blog=496933&#038;post=2527&#038;subd=quintessens&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
  982. <wfw:commentRss>https://quintessens.wordpress.com/2016/11/29/feed-highlights-of-week-47/feed/</wfw:commentRss>
  983. <slash:comments>0</slash:comments>
  984. <media:content url="http://1.gravatar.com/avatar/7dd15da2bc16dba12e07a6430940ab11?s=96&#38;d=identicon&#38;r=G" medium="image">
  985. <media:title type="html">quintessens</media:title>
  986. </media:content>
  987. </item>
  988. </channel>
  989. </rss>
  990.  

If you would like to create a banner that links to this page (i.e. this validation result), do the following:

  1. Download the "valid RSS" banner.

  2. Upload the image to your own server. (This step is important. Please do not link directly to the image on this server.)

  3. Add this HTML to your page (change the image src attribute if necessary):

If you would like to create a text link instead, here is the URL you can use:

http://www.feedvalidator.org/check.cgi?url=http%3A//quintessens.wordpress.com/feed

Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda