Tag: custom ui

This is a follow up to the Button Picture State tutorial. This article demonstrates various types of buttons like toggles and disabled buttons and some common use cases. Below are the six possible button’s picture states again, listed in the right order. But note via KSP (script) we can only address the on and off […]

This article explains how to make a vertical drawer with a slide in/out animation with Kontakt 6 (and beyond). (see video) The download additionally includes a horizontal drawer with a slide right-in/right-out animation. You can customize both the drawer to your needs via some global adjustments

with ui_panels and z_layers we can easily create dialog windows and add a backdrop which closes the dialog again when clicking on it. This tutorial shows the essentials of how to create such a dialog window & responsive backdrop combination. The download also provides an additional more advanced version with some controls (see the video).

Since Kontakt 6 we can add custom fonts. Although the ksp coding part is very easy, creating such a bitmap font manually can be a pain in the ass. That’s why we built an online ksp font type generator (currently not working).

with the introduction of the ui_panel since Kontakt 6, things became a little easier when it comes to complex UIs with multiple screens (= panels) inside one script tab. This article explains the ui_panel ind detail and shows some basic examples.

in this tutorial we will create “animated” buttons for Kontakt 5 or 6 with the following states: off on pressed off pressed on mouse hover off mouse hover on  

In this Complex User Interface tutorial we will build a fully functional UI with multiple Screens: main screen, FX screen and about screen. Whereas the FX screen holds a sub menu for two different FX: a LoPass filter and a LoFi FX.