Press "Enter" to skip to content

Using ReactJS in K2 (Carousel Control)

0

I decided to implement something else with ReactJS and below I will describe how to create a ReactJS control in K2 to display Carousel of images. The approach was tested in K2 Five and I assume should also work in the K2 Cloud. This is especially great for K2 Cloud, where you do not have any possibility to implement a custom control. Another nice thing about this approach is that ReactJS will load the images from the SmartObjects, exposed through the SmartObject OData API.

K2 Expense Claim App with ABBYY OCR

0

As many other employees, my colleagues and I have to do our expenses manually. Luckily, we have K2 and, therefore, we automated the process. We created an Expense Claim App with the workflow in the background. However, it still takes a lot of time to submit the request. That is why I have been challenged by one of my colleagues to add the OCR functionality. I accepted the challenge and here is the article, which will quickly guide you, how to integrate a K2 Expense Claim App with ABBYY OCR. As a result, you will get a tool, that can scan your receipts and auto-fill the rest of your fields with the recognized values. And before I proceed any further, this is the final result, how all this can work.

Using ReactJs in K2 (Masonry Layout)

2

I have been a fan of ReactJs for some time so far. I like the idea, that, as well as in K2, you can also create reusable components, even though the framework allows more customizations. K2 cannot be used to build single page applications, but nobody said it is not allowed to use ReactJs to create nice UI or layouts. In this post I will show you, how you can use ReactJs to build a masonry layout for images, stored in a SmartObject. The ReactJs component will get the images from K2 and render them in a nice responsive way. By the way, the approach is also suitable for K2 Cloud, where you cannot install any custom controls.

Popup animations in K2

0

In this post I will tell you about popup animations in K2 and how to add more fun into a K2 Smartform. You can either inject CSS/JS onto your form,…

How to make Textarea resizable in K2

0

By default Textareas have static width and height. But with a piece of code you can make it resizable. Please, refer to the post How to add JavaScript on Smartforms, if you need a more detailed description. In this post I will provide only some tiny demo and a piece of external code to add onto your Smartforms. And here is the final result, that you will achieve by adding the code below:

How does K2 Worklfow Versioning work

2

I could not find a clear explanation on K2 Knowledge Center, how workflow versioning works in the new designer (K2 Five and/or K2 Cloud). I still receive some questions from my colleagues, therefore, I find it helpful to create a short article and explain all the details. However, you need to understand, that everything was tested on K2 Cloud Update 7 and K2 Five 5.2. K2 might change the behavior, which make the following article invalid. So let's go.

K2 Slide In Worklist

1

Recently at the customer I have been challenged with an interesting requirement, i.e. to have a slide in worklist in K2. The idea is to have it available on any form and somehow to indicate, that a user has some new tasks. I decided to create a reusable view, which you can add to any form you want and which will do the trick. For this you will need CSS and JavaScript. Therefore, please, refer to the article How to add JavaScript on Smartforms, if you do not know, how to do that.

Turn your tabs into a ‘hamburger’ menu

0

Below you can find a piece of code, which can be used to turn the standard Tabs menu into a hamburger one when you open the form on a mobile device, i.e. the maximum screen width is 800px. The code consists of 2 blocks, which need to be placed on the form. Please, refer to the following article on How to add JavaScript on Smartforms, if you have any question. The current approached was tested by me on K2 Cloud and it works.

Using icon fonts in K2

0

Recently I had an internal discussion within my team, that K2 Smartforms has a limited number of icons, that a user can use with the out-of-the-box controls, like buttons or data labels. We all agreed, that we need more. However, even if we have 1000 icons to be used with buttons, some other customers will always require more or something totally different. Therefore, I decided to write a short article to demonstrate, how you can quickly and easily add icon fonts in K2 to get almost unlimited number of icons for your purposes.