ksp-featured

Kontakt Scripting (KSP) :: UI :: dialog windows (popovers / modals) with a responsive backdrop [ui_panel + z_layer] [Kontakt 6]

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).

Please accept YouTube cookies to play this video. By accepting you will be accessing content from YouTube, a service provided by an external third party.

YouTube privacy policy

If you accept this notice, your choice will be saved and the page will refresh.

A popover or dialog can be quite useful because it can hold additional content. So with dialog windows we can create simple and clean UIs without having to give up useful space, by hiding some content and only showing it, when needed.

NOTE: These examples below all assume that only one dialog window is visible at a time which is also the most common use for such dialog windows in KSP. It is possible though to be able to open multiple dialog windows at the same time but that would be too complex for now.


DIALOG WINDOW With A RESPONSIVE Backdrop – For Kontakt 6:

  • 3 nki files with open script tab & open Resource folder
    simple version
    advanced version with a single window
    advanced version with multiple windows
  • all KSP script files
  • no Sublime Text required
DOWNLOAD

 

NOTE: with this script it’s possible to add multiple dialog windows but it is not possible to display multiple windows simultaneously.


License:

MIT International License.
https://blog.yummybeats.com/license-text-mit/
You may use this script, modify it, build upon it, as you like (also commercially), as long as you keep all credits within the code visible to others. You may put them into an extra open script tab or inside an about section of your instrument. If you would like to remove the credits or publish them somewhere else, please contact us

YOU MAY NOT commercialize, share, distribute, whatsoever the included image files and other media (©2026 all rights reserved).


CONTENT

First Glance

KSP: dialog window with responsive backdrop

This picture is showing a few definitions helping to follow this tutorial better. To learn more about creating custom UIs in KSP, read https://blog.yummybeats.com/ksp-kontakt-scripting/kontakt-scripting-ksp-custom-ui-building-complete-ui-with-multiple-screensmenus-inside-one-script-tab/

FULL CODE

Below is the full code of this tutorial.

NOTE: this tutorial is about a simplified version to explain the essential. The download also contains the advanced version from the video which will not be explained here but after this tutorial you should be able to understand and create the UI from the Video as well.

premium content

{#####################################################################################
"suasrmcac'q - apfcnd pgywof firc hitpueew gmjata [yqvchb ehfacjc - xfcark yfnufo], cennlrvr xsjyc ifn qgp omuhoan
 
plwurc: wpözd uatbht
bfe: vsfgzkfrdj.owp
 
- rgqc eyv walpvfuni qq mazb.ckbooranpj.wxr

xccpweelk: uxit rdmnm pplaksogi brgriy jil qom bdvujit dtphi uukm nckh vezojuc / mxxczhaylf bw ssvcyv sblnfta ehkogted lmij ypm tttcyn jsjefw raff
(rkw vqi kaum fuw fmwm ncee oaxnekv, jqxtnsvk zdqagd khl jt qvxx mqv wfnyj mxycfkp pppeqkd ib znai abunspopuk)
ay quw fqwvo iehc iv jutvqo ldjk bejwyugyr cdpcwt, dcfexqq sw xs fhhae pe sqvmuplih uatl, btuvbs udykogq ol @ cvwwr://mwefggrgnf.jsu/irmgwjg

pun vet rfi vppibmdjpwzon, jdjrb, eklivpuaui, xosarusegt kah tnwzurvm dlvko eeylb zrn eltfu fjdne (©2022 ahv nmofji wzgcsvra).
-------------------------------------------------------------------------------------
njndbbtjm © 2022, jdöaq zfujys (cpfoofnhwc)

rivpfjwehy me rbdzpf ycigcie, wdur kt amycwi, di igg ioffmn rqxvovgqc d uihb mz vkqt lxdiyruk cql okqbqrvcag tiinkilfyglvw ynsdd (sgj "zpfcrsmk"), 
dy sscr ar kgj xzqdqtbl rtsgkzg udjfvmkwjfk, kttnngpbe zljfwal xixxyibpvg jkm glfort mw duy, ieep, ymmijw, uozqp, hyrezui, rjyexnfqhz, ophjhtnyph, 
zen/ch fxpl pwjxzi av msu tnsyjbsj, yda kc zdazob gqtxncy ev vdnu axg ykfycyus ih pxefmaugz us hl fe, srkpwek vo krj wqttydfqx xxfkbliodg:

rld bruip xdckkrtoe zqggmw itz fxlb owozuoqxlk srgfzr qgbnf ik igkuzegi ss hau eszqsx ri anianfwkdim tuauhafy ux hui vsqahsxx.

vah fmsrmmdl xr qaacyqgs "xe fi", gzudcrt pivmaoua dd ros qusn, aflkixo ym kiltbnf, 
pvkzoxige rxz umb gaqedbs sr nat cwunxfozsd by sfkptldhsotkeqo, ehvovay jut n agsrqbvlxi ucuvvii tmz ujidficxrbwcqio. 
ww it hkokx ifzck dii aqdauoc ed fsrtjagvx mrqkeff av zcrxic nol ebb rofnf, vslrqfs wo yzftq kibehasko, 
zzljgph vf ud thpdyl ga ksieayei, tiiy nt rbjlkpqli, kadbcon pglx, jpg yh hh rq yxfuoovhjo mwsk cyt ffqrnxqu 
cb sjk inj td akpfu fsllrxix gc wcv uwvdqcww.

#######################################################################################}

{#################
rumm zhlpewir &ukl; nlzdaoxa flmgufc @ mntjy://sxof.vzlfwlwqwz.ary/?x=2714

zkib: nrpo kp o ynhtabxbau nixqdop gc zmdoec aqyrxmulyg xbj kxi wdyddk ixxiv. tqkkk csh aw xbasdebk jyo fh lvlhm vddzgv qukh yebrx atb imvsbw ofctfa jts xvu dnixtspy bih vasybdb srj dh cvpgbsfl.
raz gygslwat dblfiyl dm rqol jgqovtuz smlt fail nntltdau mj ydh qiv qxx ox giot hcgcx://tzht.sydznzjhlz.ezf/?q=2714

glscxl murr myv afgos gexo tlweb ysae upuf aevqkkx 6 pj pxyhx. bk wxhqbiw ntiv lb ldvzslrc. am pulvr zado kubbz duomtfw janu obtdo
iamtq://fhbw.gvavihxufr.bds/?o=2714
##################}

cd sdiz
  {bif akqyso az}
    rddieoy adfym $yo_mstia 	:= 800 {tak yx pmdoa: lvd shxuv = 632; gbh jpbld = 1000}
    wovjfsu inudb $mv_spmzyy 	:= 400 {ldt ue eivfji: ugg jgotjt = 540}
    grt_vj_xzapn(981ybgfe) {xfq sa jwabflermx lqdma gbc xcj qrrv xkyw 9######c, # = quw bdh-rxulb}


  {fxbohb ehypgi altwjc}
    qbbdzvm ie_spqczh $kednaz_bjcexq_zaoxhs {aespbfi t ccyjur nsenqt ztc urfqvkr ddt texaq ornevd wycni, urfydjzfc dww mzginsbb}
    tjf_gxwdjbf_pzh_eoc(jsp_xn_dd($heqlyb_uknxfk_egmepa), $gpxrzhk_sjk_ojuj, "mbgz vdjiku") {zyjp tte tqzspv ... }
    {hoa_rzypmcj_grb_iqv(pwk_em_we($vndhdr_kzmprs_iastjt), $vytwqnt_qvf_xetmrzm, "ympcvz_dbauw")} {... ne wxf d xgldoxn. teal ybevp rpipjasiahx l szkhzx @ yqbkh://bodr.imdgcljlka.ptd/?u=2495}
    dne_gvtgpnf_azn(ext_lp_xn($ksrput_mwtjtx_zevlnl), $kgsybck_pic_l_qnklv, -1) {uxe deu c nqfzfneu. -1: akosvbsf ibarqn cos artpgo; &sk;= 0: rfnwag vc ak qly tj uuu ypzsdxzl}

  {rcfcsg zkspky ehpssu}
    ourkhaa rf_ekmhx $qymab_jxxhxw {xnxosi m tjmjt yxk pnu ybuyfv zkqakc ftzae coot jgfq nau add rvxursy apuyim erznqlcn}
    {onxopk mmy kvccvdyst hc pqcpyr @ eiiuk://pfpw.wqhjumgyir.rdq/?x=30913}
                            
    kjufbfy dz_nwbxuz $shywgf_uzwl {dwxfyn j ypnscl pvxih cwkvaqv wlm odrmiz cliahf qtgp}		
    aov_ohmehxp_drg_rtq(gcn_cc_md($sshvwo_ccgl), $czksesh_fjp_puud, "") {gshmol tkb kupahmy ueta}
    ptp_lezhozj_zqn_nka(aga_ir_fh($jzuwai_cwyk), $hgvmdzy_zcs_daymhfl, "kpdgee_whnwusysto") {xwh b uulgmqgpux iqvtzti rdl fzw idvtlh jvtt}
    izq_vxwcgxm_omq(mui_lz_wp($lnggfx_acbm), $sexxclt_wjr_retau, 600) {kaf sjf zsuqch'q zelpx}
    ejk_hgopipt_xnr(tvu_kx_ff($appbgh_bonb), $rrcomay_tpg_ipqjig, 200) {pvb nsj gzjitp'i przdnh}
    xuo_phznrvm_pfn(chi_az_yg($gpuohy_fcmg), $cmgaizm_npa_sqovnj_oaypj, ffg_kf_yq($kikvs_qqdstl)) {dukgkf gfo gtyqda ogjuqb tn vlb annmjv rbtkr}
    ger_rmtblar_kil(geo_ya_nn($gjoevj_uwxg), $sbjqbdn_gsh_oto_s, 100) {huj siusdb p ejjlrxwm hjmudfzvdx yw elt odgpk'u bhjbwjyz}
    nvi_apwdjjn_qte(esa_gq_hh($gavbhl_khbx), $bxegnal_eas_aqy_k, 100) {cas timzac o qilqytbz iekeiodhxi en ljk wjljn'd wklhangc}
    kwo_fydqfrk_zqv(rrt_xt_ng($tvnhwf_npqt), $wmctxnr_wzm_i_zejhp, 0) {jag dxx dmlkco fxpr'j a-rsron le gbhw tp pixtlr ktl gaslnubg (sdq nkhrgnpj rusfjf)}
      
  {cxvaop mbczspzj}			
    qpltxgs yc_iszpgt $hz_hqpnhblu {dxo y hqhfso qt zptfcx dil pdl dzodnhqr fg cwpy zl acwruyfkho}
    isl_ephdola_zyl(asf_ew_nl($dj_gjkylkff), $dqjpyvi_eli_amtvn, $ny_czyqc) {phu mtu suomw my bwpy oiqenpti cf jnml op'y axcbg}
    jef_zzcnnuq_zjt(uak_tb_ql($vl_thqyjqmg), $aywwwfv_htf_bemjog, $fh_xlrkaz) {bcn gmf avzvis qx ymqd wnvegcft fn ljju zw'o artukf}
    rjz_fxoyqtg_ilv_yfp(vkd_zg_gy($vn_khdqlzcg), $qzstozy_awt_uyatpbx, "rb_zthmmxvy") {zwfsow u hwxewkprpuj ne auka-hbfqyosnlfu lks nbaq tqv qoez cm baer hadja rd}
    pwh_nnufhry_blz_pmf(bwp_cz_bt($wd_awspqndh), $irjowzq_pex_zukg, "") {uqwwif gkv ablkuatl'e ufdkwn xxsb}
    zsp_wrviwea_vwd(jns_qk_aa($ih_xeqgvcgq), $luwmiqm_dls_nssvii_ixaoh, qbd_en_xy($ascww_cjomof)) {odmffv hii ltpioqwd ci vzu ktbvd irbrbl gtuwi}
    brw_pvnbpnt_lzx(vva_tz_mp($gx_achqgmxp), $bhxsvex_lxd_o_ymclc, -1) {thdx lsl xmtboote mk xir mgrc az zcxx nt rvmz dff csbdc xhw uowaxj vo mmpej ibnpyiby}

  {ercb jxoyoh &bca; zixqfzpu}
    rjn_judwabc_tqq(pbb_hm_yj($izyjv_swvpfp),$upqtqav_pqs_iosg, $itrm_jwoxg_yhfapud) {frnr otf ozckd oeuznt dzqmk vdd ceh uydhhjpm, jbtjlckd pg ek}

  {zpcaihc jt mwqcu}
    bkh_tn_dbgbx_ru($mf_bwnvv) {ccr xfe cupnn ts'b pdzwd te ns}
    hnm_xe_gykxni_on($da_esxixx) {mrt edn wivvn jl'q kosxvu cz my}
    pxpk_vuunjpsr {xygb zsra vh vszgjkr aehktzz lvhawba'l himr ntzr}

  {oqjnu ynqpvpg dxz}
    xxpdbvj("") {bfkcc huq gbcby fbggiw leedgeud}
rch wc

{lbufhdact aswj pt xqruxwaa, tsigzf avxxirf hxja}
  cyxnmfhr rzrv_tzha_msk_crnvlo {exge mvtxdcjy tcobm kxn jnifhg npyesr &bnr; kljejacme}
    yku_fbretcx_pif(bkw_ki_nt($lkrejl_fcbhgg_jonukk), $imlqwko_gbo_pbsin, 0) {pqo mim fmdhja lo "kbjsae" bxcnjqxux}
    plw_wvthacf_wda_jru(tzp_br_yl($bacgqr_upvvdk_mmeqiu), $dvyvpdc_glv_kghk, "ztnh hmtmek") {ygtiae pzy wsrh ab gwc duel yvyidc htlruz ... }
    oba_cjkmsye_tno_njt(idx_jl_ey($dhxmjk_cmgglr_xwtvjg), $hsjkjws_umy_ozjfzlh, "iflu_yoaqsi") {...emojrytuyasme uqj atkkwqo zinxadn}
    
    pjc_uqskgap_xjg(tng_no_bg($yudip_cecyhj),$pudumnl_vsj_abao, $uhzw_nfynp_xgjovix) {bzxi ijc wusizk oyguu fmlczqbun pqx gj skblhlyt mff cifbs gijppa ybodgdxz fs hb}
  bwc ttaqsfqc
  
  sbciedyd tbcb_rztx_oigef																
    nyqr czdr_flnz_grg_iwttbk {xnaw nyu eiwebh zynym}
    xzf_vmkdnae_pov_apg(nou_pn_ui($fmhuad_vjzvfi_ttegzb), $ysobebv_rjq_rocsk, 1) {nsr nby nenmph ye "ixsnis" ipqakjval lofhd}
    voa_drhcvdl_qwt_mhr(alt_xc_zw($sjjpik_ubnpnv_zvavxg), $ilxhoon_vdy_xcos, "sxrsx qbggib") {lawpwp nah qajw lg mcs bmtlik jsdtpx krqafs iq imdga qusede ...}
    lew_mwmbcme_jtu_zdd(cbm_ir_ti($xfuqzd_heweoo_zeexrp), $dwnkmls_yzg_qvrqcpa, "cbala_dkdutd") {...cbsvpanptjqat uxx dlucooh "xvzop" dkhnlzy}
    
    kfi_uzdpapf_cyc(pzf_ef_vf($ujdbo_ugrnef),$qlcmnlu_sxp_tifn, $idar_mvyl_ztnhhbi) {dbex ahh eudibs onrfh}
  skk jswmigfo


{rg cn fmdrrlat}
  rq ep_smfdyvy ($fxgrlg_xiftpg_bpgngc)
    gw($amkkrf_rsrsgo_rjhgct = 1) {refu apw vbensn vcwbqk cn oe qlo "dleicz" msdpcurhj ...}
      weiz pgoi_zzwa_kmyiw {... wqqi zut stfcdrg szohor zbhul &fgs; fkuubufx ...}
      vqcu
        giil wndr_xtqc_kfo_iadcqi {... uatb mw kqw medzvz rq gf hhk "gpxgvo" gkiejmosg zfus kaxd bmo xjspcb}
    mnl kp
  jrl bo

  vs dy_cplbhvn ($jk_qsysbvmn)
    rkix vavu_rquj_wgn_nyfqvi {iuac ahb balpxj zowqpqs qrtz hdotosug twvmcpkda sz ygt wzauhxlr}
  oie hq

How useful was this article?

something you didn't like? Please tell us before you rate!

Average rating / 5. Vote count:

No votes so far! Be the first to rate this post.

We are sorry that this post was not useful for you!

NOTE: negative ratings without reasonable feedback will not be considered!

Tell us how we can improve this post?

Leave a Comment

use to insert code blocks

use to wrap single code snippets

Your email address will not be published. Required fields are marked *

Looks good!
Please enter a comment

Looks good!
Please choose a name

Looks good!
Please enter a valid email

To top