Sign here please

Occasionally you might need the user to add a signature to a document. There are several services for this, but you can do it just as easy with HTML5 canvas and a bit of Javascript. Once the signature is on the screen, you can then save it using Javascript and a WebMethod in your code behind. [More]

Swipe UI with PostBack Actions

With the rising use of touch-enabled devices, it might be nice to add some swipe functionality to your application. For this you can add jQuery or some other Javascript libraries especially designed for this. But you can also use plain vanilla Javascript. This gives you the benefit of completely controlling the actions that should be taken after the swipe is done. Here's a Javascript that will detect left, right, up or down swipes on an element. [More]

Setting up a color scheme for your application

Picking the right colors for your application can be tricky. All too often I see CSS files with many different colors throughout the CSS. This is not only hard to maintain, it might also lead to an inconsistent design. Using CSS variables is a great way to avoid ending up like this. Especially if you start with setting up a color scheme before you start coding and styling. [More]

Set CSS Variables using Javascript

CSS is the standard way to define the styling of your applications. Unfortunately a CSS file is rather static and before you know it there is a lot of duplication. But nowadays CSS supports the use of variables to make it easier to maintain the value of let's say a specific color in just one place. And to make things even more interesting and useful, you can use Javascript to dynamically change the values. [More]

HowTo: Drag and Drop with RadScheduler

We had a post on how to create advanced Calendars in your Essence Portal. A lot of the questions we got about this post was: how to enable Drag & Drop in such a Calendar? In this post we will show you how to do just that. [More]

Frontend Development: Skills you need

Previously we posted about the stuff you need to get started as a Frontend Developer. So once you have that, where to go next? What skills do you need to acquire and how to go about to get them? Here's a lot of tips on that topic to get you started. [More]

Frontend Development: Stuff you need

To start doing some Frontend Development used to be quite expensive. With all the tools needed to do just the basics. Fortunately that has changed. Nowadays all the tools you need are absolutely free and easily available. In this post we will explain which tools you need to get started doing Frontend Development using the Essence Framework. [More]

Scrollable Table with fixed Header using CSS

Here's one a lot of you will have encountered and that has been the cause for some major headaches. The case? So, you have a list of data that you present in a table. But there are quite a lot of rows, so the user will have to scroll the page. But there is more on the page so the table should only take a specific height. Hence the rows should be scrollable but with a fixed header. Sounds familiar? Given you some headaches too? Well, here is a different approach with is easier and will give you the desired effect in no time! [More]

Using CSS Grid for an Image Gallery

So today a customer asked if it was possible to do something like a gallery. This gallery should show the images from a number of users that most recently entered a workflow item. Something like Google Image Search or a Facebook Album, with the photos all layed out evenly as squares, some bigger than the other. Well, providing that there are enough users that have uploaded their photo, I decided that it should be possible. [More]

Drag & Drop with Code-behind

After the last video with the Javascript and Code-behind, I got (as to be expected) several questions if it was possible to do it also with a drag & drop interface. And since drag & drop is something you can do with Javascript, the answer is yes. So here's an example of an interface doing just that. [More]