A Polymer Avatar component

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 and have a background color that is the same throughout the system
  • If the person is not in the domino directory just show a person icon
  • Should be able to click the avatar and it should do something (i.e.

Continue Reading

MWLUG Recap

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.

Continue Reading

Red Pill is the MWLUG Sponsor of the Week

Red Pill Now is the Sponsor of the Week for MWLUG. Check out our video in the top right corner of the site.

Continue Reading

Domino svg support

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.

Screen Shot 2016-08-12 at 11.04.43 AM

This was working great when running from my local gulp server. However when I put it on Domino, the little icon wasn’t showing,

Continue Reading

Setting up a Polymer development environment

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:

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,

Continue Reading

sortablejs – Drag-n-Drop without jQuery UI

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.

Continue Reading

Herman Cain – Thomas Jefferson comes to dinner

I heard this today and thought it particularly relevant for Independence Day listening.

Continue Reading

Polymer app-layout Elements

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> Continue Reading

I’m speaking at MWLUG 2016

We’ve gotten the approval notices and you can find me at MWLUG 2016 doing the “Design Matters 2.0” session again with Bob Kadrie. We will be showing some new content this year so be sure to attend. You can also find me in the “A Introduction to Web Components” session with Kito Mann. Be sure to join us as we do a quick dive into this exciting technology.

Red Pill will once again be introducing a new presenter to the community,

Continue Reading

Progressive Web App Summit – 2016

Here is the Live Stream for the Progressive Web App Summit going on now in Amsterdam. Enjoy!

 

Continue Reading