Easy Kanban Silos in XPages

Recently, I came across this post on the #dominoforever ideas forum:

#dominoforever_post

 

My assumption when reading this is that the OP would like to have this capability in a web application since it’s in the XPages category.  Having done something similar in a previous project, I had some code I could dust off to create a quick demo to show how easily functionality like this can be implemented now in XPages.

The project had “silos” that allowed exactly for what the OP is asking for – drag from one column to another while updating the back end such that when the page is refreshed the “tiles” appear in the correct column.  Each tile represents one Notes document.  I took that, changed a few labels, and called it Kanban Silos:

kanban_silos

Take a look at the working demo and drag and drop from one column to another.  Refresh the page and you’ll see the changes are reflected on disk.  (Note: If multiple people are accessing the demo at the same time the backend may not appear to be updating properly)

How does it work?

  • Start with an XPage that contains the structure of the silos (includes Bootstrap and jQuery)
  • Get data from a view via REST
    • In the ajax callback place the data in the appropriate column based on the status field
  • Drag and drop tiles between columns
    • Once the drag is complete, call another rest service that updates the Notes document in the back end

That’s it!

The Code

If you are using source control in Domino Designer you can get the On Disk Project from GitHub.

Or, just go ahead and download the whole demo database.

Update 3/29

Initially, this was a quick demo  – silos.xsp contained hardcoded silos in raw html.  To make things more Xpage-y, I’ve modified the demo database so that silos.xsp now contains a repeat that looks up to a keyword.

 


5 Comments on “Easy Kanban Silos in XPages”

  1. Nice work! How much work would it be to make the cards editable and saved in back-end when leaving the card?

    Liked by 1 person

    • Patrick – really not much work at all. It would be similar to inline view editing in the Notes Client. A little front end work moving inputs into the tile and filling them with that tile’s content and when leaving the tile, sending the data back to the server via REST. When I get a few minutes I’ll add that to the demo. Good idea.

      Like

  2. Oliver Busse says:

    Neat! This proves that XPages is still a RAD tool that we would miss somehow. Imagine this made with Node and stuff… I would bet this would be even more to code.

    Liked by 1 person

  3. Chris Toohey says:

    This is an awesome example of non-Notes UI data management for “Notes” developers — great job!

    Liked by 1 person


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s