I’ve been using the Visual Studio Code editor for the last couple of weeks and thought I would share my experience. I’ve mainly used this in a plain ‘ole polymer application which consists of html files. Using the editor this way has shown some of it’s shortcomings. Don’t get me wrong, I think it’s a fine editor and has a lot of features I really like. However with CSS, HTML and JavaScript all residing in the same file, a lot of the typeahead features just don’t work, which is my biggest complaint. So onto my review, I’ll first start with my dislikes: JavaScript intellisense doesn’t work with JavaScript embedded in an

close

I’ve been using the Visual Studio Code editor for the last couple of weeks and thought I would share my experience. I’ve mainly used this in a plain ‘ole polymer application which consists of html files. Using the editor this way has shown some of it’s shortcomings. Don’t get me wrong, I think it’s a fine editor and has a lot of features I really like. However with CSS, HTML and JavaScript all residing in the same file, a lot of the typeahead features just don’t work, which is my biggest complaint. So onto my review, I’ll first start with my dislikes: JavaScript intellisense doesn’t work with JavaScript embedded in an

Read more

Posted in Microsoft, Technology

So you’ve created your shiny new web application using DDS and everything is really cool, except for the display of rich text. You’ve figured out that there is a multipart MIME object in the JSON delivered by DDS, and it has the HTML in that, but it still looks crappy. It has tags littered throughout and just doesn’t look good. Well, I think I’ve got the solution for you. If you look at that multipart MIME Object and find the ‘text/html’ entry you’ll notice a ‘contentTransferEncoding’ property that equals ‘quoted-printable’ or maybe ‘base64’.  There’s the cause of your html display issue. You need a decoder for those 2 encoding types. Now, let’s

close

So you’ve created your shiny new web application using DDS and everything is really cool, except for the display of rich text. You’ve figured out that there is a multipart MIME object in the JSON delivered by DDS, and it has the HTML in that, but it still looks crappy. It has tags littered throughout and just doesn’t look good. Well, I think I’ve got the solution for you. If you look at that multipart MIME Object and find the ‘text/html’ entry you’ll notice a ‘contentTransferEncoding’ property that equals ‘quoted-printable’ or maybe ‘base64’.  There’s the cause of your html display issue. You need a decoder for those 2 encoding types. Now, let’s

Read more

At MWLUG a lot of people seemed surprised that I would create a component just for an avatar. My response to that is why wouldn’t you build an avatar component? So, in this post I’m going to show you how to build one for your applications. Let’s start out with the use case. We want to show an avatar for a person in various locations throughout our application. This avatar should do a few different things: Should show a picture of a person if one is attached to their person document If no picture is available and the person is in the domino directory should show the first letter of their first name

close

At MWLUG a lot of people seemed surprised that I would create a component just for an avatar. My response to that is why wouldn’t you build an avatar component? So, in this post I’m going to show you how to build one for your applications. Let’s start out with the use case. We want to show an avatar for a person in various locations throughout our application. This avatar should do a few different things: Should show a picture of a person if one is attached to their person document If no picture is available and the person is in the domino directory should show the first letter of their first name

Read more

Posted in Polymer

I had a great time at MWLUG this year. It was great to see so many familiar faces and friends, most of which I only see at the user groups. But, I just got home and thought I would share some of my thoughts and observations about the event and my take away about the state of our beloved Notes. As usual Richard Moy put together a great conference, so many thanks to him for making that event possible. The tone of the event was that most everyone is starting to realize that the Notes client is quickly dying. Domino and the NSF probably have a few more years left in them yet. I

close

I had a great time at MWLUG this year. It was great to see so many familiar faces and friends, most of which I only see at the user groups. But, I just got home and thought I would share some of my thoughts and observations about the event and my take away about the state of our beloved Notes. As usual Richard Moy put together a great conference, so many thanks to him for making that event possible. The tone of the event was that most everyone is starting to realize that the Notes client is quickly dying. Domino and the NSF probably have a few more years left in them yet. I

Read more

Posted in Fun, IBM, Lotus Software

I’ve been messing with the Polymer vaadin-grid. If you enable hidable columns, a little graphic svg icon shows in the top right hand corner of the grid that produces a drop down menu of all the columns in the grid. You click one and it’ll hide that column. This was working great when running from my local gulp server. However when I put it on Domino, the little icon wasn’t showing, but the button was there (you couldn’t see it tho) and the menu worked when clicked. I did some research and the only thing I could find on the issue was a Stack Overflow question that kind-of pointed me in the right

close

I’ve been messing with the Polymer vaadin-grid. If you enable hidable columns, a little graphic svg icon shows in the top right hand corner of the grid that produces a drop down menu of all the columns in the grid. You click one and it’ll hide that column. This was working great when running from my local gulp server. However when I put it on Domino, the little icon wasn’t showing, but the button was there (you couldn’t see it tho) and the menu worked when clicked. I did some research and the only thing I could find on the issue was a Stack Overflow question that kind-of pointed me in the right

Read more

Posted in Domino

When working with Polymer you’ll need a development environment. Google has created some great tools for doing this, mainly the Polymer-CLI. This is a command line interface for creating elements, applications, building applications (though I prefer a Gulp build system), a web server and some other misc. tools. This should be your starting point for setting up your development environment. To setup the polymer-cli you’ll need a few dependencies: Git Node.js (4.x) Bower Once those are installed you can just use npm to install the polymer-cli: npm install -g polymer-cli Now to use the polymer-cli, create a directory for your project. If you’re creating a custom element I’ve found it best

close

When working with Polymer you’ll need a development environment. Google has created some great tools for doing this, mainly the Polymer-CLI. This is a command line interface for creating elements, applications, building applications (though I prefer a Gulp build system), a web server and some other misc. tools. This should be your starting point for setting up your development environment. To setup the polymer-cli you’ll need a few dependencies: Git Node.js (4.x) Bower Once those are installed you can just use npm to install the polymer-cli: npm install -g polymer-cli Now to use the polymer-cli, create a directory for your project. If you’re creating a custom element I’ve found it best

Read more

Posted in Polymer

I had a need to enable drag-n-drop for a particular part of our portal. In the past I’ve always used jQuery-UI as it’s quite easy to enable drag-n-drop. Doing some research I came across a StackOverflow question about enabling drag-n-drop with Polymer. One of the answers mentioned sortablejs. This is a very minimalist library to enable drag-n-drop. Best part about this library is that it has a port for Polymer. BONUS! But there are several ports available: Angular, Knockout, Meteor, etc. So implementation is super easy: bower install –save polymer-sortablejs Then where you want to use it: <sortable-js draggable=”div” group=”divs”> <template is=”dom-repeat” items=”{{repeatableItems}}”> <div>{{item}}</div> </template> </sortable-js> This will enable all the

close

I had a need to enable drag-n-drop for a particular part of our portal. In the past I’ve always used jQuery-UI as it’s quite easy to enable drag-n-drop. Doing some research I came across a StackOverflow question about enabling drag-n-drop with Polymer. One of the answers mentioned sortablejs. This is a very minimalist library to enable drag-n-drop. Best part about this library is that it has a port for Polymer. BONUS! But there are several ports available: Angular, Knockout, Meteor, etc. So implementation is super easy: bower install –save polymer-sortablejs Then where you want to use it: <sortable-js draggable=”div” group=”divs”> <template is=”dom-repeat” items=”{{repeatableItems}}”> <div>{{item}}</div> </template> </sortable-js> This will enable all the

Read more

Posted in JavaScript, Polymer

Looking at the Polymer app-layout elements I have to say these are pretty cool! Some of it is old news because it was/is supported via the paper-drawer-panel, paper-header and paper-toolbar elements. However by taking the lessons learned with those elements and creating their “app” siblings I think it makes for a much nicer implementation. The basic use of the app-layout elements would look something like this: <app-drawer-layout id=”layout” narrow=”{{drawerClosed}}” fullbleed> <!– Drawer content –> <app-drawer id=”drawer”> <app-toolbar> <a href=”/view1″ top-item> <img src=”../images/Logo.png” /> </a> </app-toolbar> <div class=”drawerContent content”> <!– drawer content goes here –> </div> </app-drawer> <!– Main content –> <app-header-layout> <app-header scroll-target=”content”> <app-toolbar> <paper-icon-button icon=”menu” drawer-toggle></paper-icon-button> <div class=”flex” title>[[contentTitle]]</div> <paper-icon-button icon=”search” on-tap=”openSearch”></paper-icon-button>

close

Looking at the Polymer app-layout elements I have to say these are pretty cool! Some of it is old news because it was/is supported via the paper-drawer-panel, paper-header and paper-toolbar elements. However by taking the lessons learned with those elements and creating their “app” siblings I think it makes for a much nicer implementation. The basic use of the app-layout elements would look something like this: <app-drawer-layout id=”layout” narrow=”{{drawerClosed}}” fullbleed> <!– Drawer content –> <app-drawer id=”drawer”> <app-toolbar> <a href=”/view1″ top-item> <img src=”../images/Logo.png” /> </a> </app-toolbar> <div class=”drawerContent content”> <!– drawer content goes here –> </div> </app-drawer> <!– Main content –> <app-header-layout> <app-header scroll-target=”content”> <app-toolbar> <paper-icon-button icon=”menu” drawer-toggle></paper-icon-button> <div class=”flex” title>[[contentTitle]]</div> <paper-icon-button icon=”search” on-tap=”openSearch”></paper-icon-button>

Read more

Posted in Polymer