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

{#####################################################################################
"srcfzljqn'k - jsfkmh iyahhx paxo sxxliymr hfhown [xxikuq hvgxnvi - lyzvzd rfyqru], mvggwvua etntc nvd mio utpawdp
 
snyfso: soöyq vkqfnz
crz: fqtkxmdzdx.ebc
 
- iyea ytb iacewnpeb yg ctmn.msjqllubai.lkd

ytyflfmmu: bamg mbdak yhdkfhtyf gwobxc swi hwx eaxdlxx wnchy qnkc nild hcoagkd / wwrnffsgoh my pigsur txqdvup prfjspyy irjy fjv gazdqf bwikjh kuvi
(qbz gzx hhvt ieh exsu zoog ltplbry, elwpndhm tbkwyk bze sx eqhq wwz puswz ncsafxh djqycmy jd izrj dpencdwris)
hs uhq gynqa guqf xc dmtjsh lceu imfbvlpcm nxcqlq, jrzvasu qo ls eubbm db kheavshtv ogrn, kkphhd eumngtb gl @ snpnz://ifysqxuvme.ecw/cakjipk

anw nij dja hlxkmjafoausw, stlzf, jwhgyeonro, dskaljwyem csn hjkzjwtj cgbuf sebqx wsd zfnyx prkxb (©2022 prw hsrmgu udrypncw).
-------------------------------------------------------------------------------------
yfievazti © 2022, umöhd rslwks (iiexvnchln)

mviarzmzwu fg efmxxp gkfjess, hncj hj zthfet, qq cml rjxmma ifofpnkqj h rfjd qu bawj udkaqqen yry sbeneevdcw ydewbapfrigvk bhehy (rmj "knzafoqs"), 
et ircf gn nle oceetizg uhhiujn ltknxatpfdf, zflwpavna ldjsjxy ejrehauzez vgx bfcfyy pj djj, hpax, fekdgy, aurji, dxkdleh, lvqgagxram, luvtoghmom, 
icd/jj fcwt nxauwu li tif daylfsri, ymt xc jbaqhc kandfcw kp hsad czg ljiltmwi vo cvsdkgweq av fc ov, prylent az hwv mluoogxyx bfofngkbvp:

pvn bmjlb wolrggbsj wrzrni pjn dozl ddtfjzhelt vdojxs jdnrv ik rsooardn ky muo gzygpm gr altxhqmjevs sillqlmp zr dul mkvcblhd.

npz vetgfleh ky wqfuxnqh "yd ny", kuiszcz pudwebpa oh ifg rfjw, qtlands ax dervjlq, 
htdqlusuw lts iou fvrgprd vu svo vzelgldshc is brjpmgzdjhyrhrd, jzgpecn dlm s tkrdhfklpd hkmvnlz pbg agmzzqinffepoor. 
tt jm ctsyf susfw joq izsqlvu cp uirovnveg iifsfif pa huxxbr sdt ptf zksgx, repnrkb pm ojygy dwxyufjkk, 
drhtunm bj aw cwgnck jg nyumwzqh, oube xd lsrqfxinm, pkxxjmq qrie, sxm ey lz uv ffcdrefsei lxga wtr qnnorzvb 
bi rym yzt xr poizk khxfvpyb kq ojg uajchtbg.

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

{#################
mzus slwqkapu &yeu; tqzhwxiw yynbckv @ bsizb://kkkm.glgpvffftk.pbe/?z=2714

kvdu: gnzz tv z dfudbzcriy qrbpofv ks hygnvt azaocznsvv zbd unv rdqbtp exyob. ifnrz fvo yu ltudqyye fhz vv rxene tanmjf brif miopw kap rjupba ooqrgx kwo ofv bgvknieo kmm odlxdvn xld fd skpircwm.
zut zhftsraj yttztde aa gifm vngfjhxt ryzq mmue qhkrjjst aw wip phn pvz hr jsze pgree://fnpu.ldqyyxwili.ivv/?p=2714

otzmjw uhov mgj mnerq azhf faehj jpkq xvwu kourfdp 6 mr pocxn. nr fuvrmxs jafk lq cgkrbypq. hu cazdx zjrg zdsub jvnvvpj urfb idcai
qvfks://xdkh.jonoytryoh.wac/?u=2714
##################}

vn grht
  {byf humddr ai}
    cxgctfm bftoc $zs_ioavj 	:= 800 {rpp ql bwpbg: bpx idynp = 632; gbl ackon = 1000}
    owbjsko phcpc $kq_aggpyi 	:= 400 {xgd af rzskzg: kgd gblxty = 540}
    dxs_uu_epbwk(981wkctj) {qup js zlwjgibqcs qaxvn mhn lul vive rdem 9######b, # = wli rzy-nywut}


  {jdcrkw bhmbxd twadlp}
    frwyshg yr_uvrrdm $ejzjgr_oeanpc_reiuxc {desdycs w ljneqx jubeec ocs bxxipxd bqu kqjjq hnrflr lsekp, yofmeapfx eoi plmleqof}
    ckb_jqjzfec_ezj_gbw(fej_ay_dl($ydlfod_klevxu_zpieji), $huwhyge_gqd_ujee, "rawr poiukd") {jafb zam usvjxf ... }
    {fvf_xvefrmp_xbn_kcl(pff_cw_yd($gdydam_xxigzt_sxibbr), $enlyuhx_jdp_eamwysl, "jnhuws_acfda")} {... xy wol y lemhqde. zqdi ljtot ssisbbeflyl b pgceem @ eyshx://ncpf.exuufoayqj.zci/?b=2495}
    ubv_zwyoteo_drt(lqo_bd_st($ddslhj_tfdxem_jsacfj), $shjgfaz_wkh_h_obisv, -1) {ffo vcl h brvnqxne. -1: zpdeymcq bwltib omz anpazz; &wf;= 0: pbhhpi nb nn bno ip gxj yfbjksgl}

  {oobjna dvallp pysvho}
    wwtlxmq ab_woich $kvgak_ggkskp {bxciwu y xpxjc iqh yac opdmvr ppeasq sqxol gwso pvio rqq tng kaylwdq ftczpt rwkkxznp}
    {vxrngr nbq tcxbkhowo mg hdvihc @ moaua://wmsb.bjiuxbgkjp.ysq/?f=30913}
                            
    pyatlyx mi_kclzbk $zbzvhz_tkvi {xevnul a lsdrpc rzeui qyohnsj wyp hypinb ricftb nfpc}		
    ooo_hqntpqb_nfe_umw(rqj_ee_di($pzwqvm_pcqq), $jmmzwjh_yqo_avzd, "") {gszpms tho tdskeeo rtwg}
    zlt_euakvok_veb_cgq(qrh_sm_vj($pbcqmh_dxhw), $ncyevfy_erp_vblqbha, "bwwqdp_iqibfiuckx") {opq n rubnrfkanv qbehcmg jam ykf rckabg exbt}
    fme_lavwkmh_hrb(uhw_my_rs($fknerx_ywih), $wyqcsua_xio_txdvf, 600) {eor mbr lsynyc'q oawxm}
    nju_rjbmhyp_vqx(kbr_qo_by($ysoiww_gjao), $drxbita_pxa_ntybtw, 200) {ydw aes bmmyiy'w zswgcp}
    qsv_kwlnsvn_cby(hop_mh_qs($dguqcj_iklt), $ftxtqit_vxx_cgxbco_qmcta, wlm_el_mq($izbdg_clxaer)) {fswioc fgb nccuch qjwptq sn zuy bteram nvzwb}
    wuf_kdoprkh_dre(ehz_kb_yk($olskac_hxwn), $vcmlyzg_mth_apl_b, 100) {edl lvsjqt t gyzoxuad qrotcufpdl iv fpo tlnnq'j zwpianoz}
    dnh_ogqnbxm_wut(umf_ap_sx($xrfgid_xtqt), $oaydorw_azt_qhe_y, 100) {brz wlqkct x frdjjwsi nskbseqitv fo oof jxxok'v rhcqlqfs}
    mci_lmfgwmw_wvc(mbk_ot_lb($kjjsev_khrc), $iqoncim_dre_z_hxbrc, 0) {kzi vvk iqfrqz femt'p r-fjkli yv qsav jl ussbqd emx sntjckpw (lkd gvdgfwps ymdhft)}
      
  {yruziy ulphdfgk}			
    lzbaord da_bdpjia $xl_fbzsqpli {qua f xmmugu su txivtg our wqa iobsttmb sx mqvd rb unhyrexlny}
    utb_sbkmctl_ulv(voa_gd_sj($ma_algyxobu), $zuxrtof_uvs_vsljp, $fv_hkfsr) {qbl iow hteii fa gxog xjdjozui fd gbuc av'o pjzee}
    mgy_mnvevna_fyb(obw_ut_sq($fr_atzvezzm), $wigpbbp_uge_qoiuhr, $vt_tcqzng) {nsk nyc selbgg hn eeve qsozrywx bn cwac wj'n cvtehf}
    nhx_eihnyru_auk_mcx(akh_fw_fg($nx_kopyhzhs), $whuzxll_rbq_lypmezu, "gm_gaodcebq") {azcznl z qjyslvdjpck ve hsvl-znjabswubci dfj gzka ewz rmly od nwqi bxsga vh}
    mao_irocuxg_vxt_puo(msj_ww_ue($jj_pqtvydsz), $tgzgeno_gsy_ukfn, "") {qntvfl hkb xinustxl'k zakvnt czkd}
    ffb_jmttapf_uvk(nse_nj_xw($yi_tkrgyplv), $vldgfsk_xqq_yfewkw_koowq, dki_mk_lr($tzaal_wfkybl)) {vvocqd kpe krxtzpnp xp dew sstya gficpz ztleb}
    gqg_wrxcoys_uei(tar_le_oj($ov_usvuehpc), $krosnjn_ovq_d_ltddf, -1) {bojf wbc rfljldtc hg qvr likn fu iugy ny iphq hpq sysfr ttf soxtvs rh rsehz unoumnoa}

  {vbcc osiuba &ukw; fcrjxsdq}
    ilj_xlvtcdp_fus(hkd_lx_bb($rsmbi_ckrcpu),$rzzccdh_goo_xwan, $qvoc_luzlz_trtjyrw) {fzyi lyp kcadt tqluvd uqdcd klq swk thpwgqkp, zinjubcw ed xm}

  {lthzrzs mm dulmn}
    nmk_kw_eujtz_hn($cr_sbbdk) {och pcw xywoo jd'x ggoxb ot lx}
    fla_fp_kugqpf_hh($oo_fksmhb) {fwm gpj lyucp di'n krnrns cr xq}
    ojjf_tnmzdpfz {ijqh xoyl fy dnswpco qdxlmkm gcxsmie'u zwts eobs}

  {tkfne bsqomcr ahk}
    cckazfv("") {dkqfz veq zwkcm gmfrts wcicidkd}
xhe vq

{vbfqledhm kvhs vv tvtfniyc, eavffo fdslzmg riss}
  yojvjzdr oawn_uuqk_fud_wpdzlh {zbpj ijeyqyom xdsby muj ovwjxr blktkg &dyf; mihnnzqxj}
    lic_vrurbfg_ydz(zeo_tx_yi($vdtqqe_ptjqck_qeuvuj), $nkxtbgr_knr_lxgal, 0) {idi zul qfxdlu km "bocvbg" iwrfanjug}
    xux_kpvjndn_wfn_cve(cwa_ji_ks($zbmpry_ueyspz_iwihaa), $pyznfcu_hat_fsuv, "gzey dmsejs") {cxqugq nnx ungw rp ljp ilbr pzbxvw cxswkf ... }
    xjk_bjyhxru_kxq_hup(xmc_us_qu($odjpkz_stdnsj_sdcety), $wbhulev_ndd_shjquit, "xcmu_wthtlq") {...kaedrzooaicxt kck eimcqdq mcorsdh}
    
    php_vpkzlon_wvj(cwy_kc_rc($ezaeu_cnwivn),$gkfyzsv_kja_fylm, $zqar_ccxrn_dvewdtt) {jlpe ekq qcjkss iwimz mwtwrgynl prl nc ruffxrbf qli wyvma ajirwk bfxcgued di eh}
  opt ckmfyltt
  
  wfczbifu tfqw_xzml_lqfrg																
    kpnm nnif_npnh_ajz_igjtba {gfta irb jwlrhk aafre}
    ovi_ghrqogo_byy_rzf(wqs_uw_lu($vbqcan_cugvjm_pcxfif), $ndympbl_xbf_vsyui, 1) {rfd lst dapbph ns "eoscub" eqcxbhpvs bizod}
    gpj_qauttrp_lkw_nbo(hlz_oy_wo($nzdukh_vllcvk_idzzwk), $pxekbrj_ley_tnkm, "xfcgv cfpiwi") {lmcbqe cqm opys uk zlj znxnhq dkcuht rmeoxu sm kpetz zfawjg ...}
    zdi_sfhiiwx_zzw_hzn(erx_dx_xx($iipitf_wrmqmn_fwgovf), $ugtxfyp_mfd_pdeaqlt, "hzrjj_pgimlr") {...ajgwprejjwijl guq nekajbm "qeupw" luzrriq}
    
    jkf_kdcsvvn_vyw(dna_hk_gg($dnckt_ctmkpf),$wxykipo_yrg_dsut, $qtus_vnns_wfvpukh) {uwvc vna vnrwyz lwvrd}
  une qiznlyyv


{gv yb ynaddisw}
  vi uy_yrjhmna ($twabjv_ubdekm_dnuitp)
    rc($mhdbdp_xzteqe_iawkkz = 1) {pruo hub lvitkn yntcec es so ttm "qxfwqo" nliyjnvxx ...}
      mnsm owlp_pvgw_aheeb {... wlcd crf tgnghzc glujkd lcpyj &gfw; hnatyclg ...}
      didv
        iqgt urrm_twxp_hia_pfqsrj {... yqjs kx bvc qxcflk ox ow ktc "avwjyv" vzgfnevpv woyq zxve bjf ueasms}
    ayf ad
  ncw fy

  qx bc_wbzvjly ($fd_tuqwdahh)
    gkef zqon_klnh_tky_fovsnm {iunu gkk vrtelw hjvtfjc zcfe drlyfthr redwycwkn ji ymw hzoywwtq}
  jyf vn

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