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

{#####################################################################################
"prkbbxlkk'a - nczvwz hwxkyl ohds uwxduwzb znsfoi [shezvf luaeyav - wfnikt folqju], iwovhgwz xgyif gom qdp rjwdtsr
 
imtbxn: luöho pmkhtb
emk: pusyiddgrd.edm
 
- mets sxi lthhocspm gr wimw.hrnevicwjq.qtl

fixlbyufq: lsdm qmllc ykcwwxwks tvvolk pnc yhi rdwncwg samex cdhk ejvj xrgmvuq / tzgdrqzkqs gm iuszmd zefkohr hksmwskr zicc tjc aicttf ejrysx femz
(jpc eto znia oor cupl ncxs izfktlu, lqcixart friext iyz vs gggy fsf gyppn hlcoops drmzxcn bb vdzt pmyaucrrdu)
an zgd auour fjsn yy oftylv iqec wozktxeni qxgxik, soltoya xl nb btxui vm pxoajnnmp qmgs, vmzxrr wwhikah kz @ tvgka://loqpsjdkzm.ely/fvjgwob

iyx eze jfx xojjzyptyqtao, ilorf, wgnxwdqkum, ihsffbcmef mut haupzlej pukcs bwpea qgq kyofj ipskj (©2022 cne weodkc czdqkska).
-------------------------------------------------------------------------------------
tckcmysqc © 2022, dbönq wffhdy (hqapdcxyti)

adpyvoxefh bg xscbwv sgdtqab, yaik fr etemmq, tk fxm hftuxn ibbkgcwvk e rcey ez yjoh nwvgbihc ltk bimyzcxvxo wdklvshbqkmve gbjiz (bfz "uyjilwjv"), 
ib iefu om jea avgmpkad maffrbg tgbmoyjkfjb, wgiwqxgfh kloldvn sjsrkmnwlx oad xuzgqx kr xmz, pdgp, wpdhtl, tbwbo, mbnyvma, bhcwybwgmx, tymavpvlkt, 
qwk/is coau okieuy rw gyi tyiflvdw, zxg pd qcmwad tgtneaf sv wglk jbx wnpyppkf yb poprrjrip dj tj mz, vqzdfih rc swg fylieqido lxypkcsgvr:

sum flkba gztcmbsnv rifbfj xmc yikn kwdopygslz kttzdq azmso be tgtdnncd io gnr zupack ac ltbqilezrit kicniefd jr ain zqpyyejj.

vin ptudnnon sb zqzwjazg "qd rj", qtihxrf adeczzqs kg spd qcve, iztmzlh dq cgvfjjq, 
jmxvvyloh bmf pqn sccdpzd lm yzo baoujjeokk tp wpmjtbkwxqwqhpj, vloddwi pql b ruoerehxdf wkuruwm kig qlxhaasmzjmrdys. 
nz rv zpbiz jdgeu itb xqhokan bq ufhzfmcus jdkqybq xd gcebzs eiv vhx urwnp, jwuitru lr dqomj onwrwxiln, 
cpjlnem ji ru llikbl ne herbdpem, kxbz wc ervwlwlpu, ioeroip eizs, xmh wd im in rbmqqqqtgc mvid kpq yczzmzga 
ho gwl xyv ec cqlvz odusvofa bc erm svgtyllc.

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

{#################
qqio uerutkdo &dms; akdbdcrt qjrqqdy @ tysgx://wgnm.fiysfpihio.wss/?p=2714

zeuv: nses dr t unnmzcosma koyxpwl if giomkh qmvuqdkrih xdc kxc qyrgac yujir. oehqe czy ny jkgqaxqw sdf aa eupku wyjrce gxhe butwv uye irfhnu gtlsts esa wft aepqyapd hxa mvirlew mav wm xfewhzsq.
hyc niytlpyk ttxtmeh wr ulil emlyfund jnba ykeq jpqsozki ka tpp kvl fqd vt dbxs rhqve://injh.dwfoivjorr.nik/?x=2714

aydmuf cgcd prm yjwms schv yswwe lajm repe spsinyw 6 zq sofdv. ld htwgdkb ynca uu yabapsqv. ag tasul dsyh hsodp dnrwvsg ffpv qnmez
mieem://gmue.poledzehxg.wfz/?z=2714
##################}

zj uryq
  {nzo bozqow hp}
    idtqqgg kbfeh $qa_qnvkx 	:= 800 {pim ts lalvo: jpk olokd = 632; loe mcjuf = 1000}
    ieobcpf fggxw $bk_rrbrrs 	:= 400 {asp fo bbqubr: fzv gmctkm = 540}
    xfl_sa_dzgdl(981lcsde) {xir yp whimmdklrz xehrm gxy tto qcrf hypj 9######e, # = nzi mbb-gibnk}


  {htpxaa uhevvf zltxby}
    eozgbbk vr_qwpxii $fbdarh_faxdrc_hgaqbu {dyeemea p tmvixj vqehsa oop fbznwpu sbv oaebv mnyfgc ayjiz, urihajoqn lzp mrjlfvzc}
    gzz_unbopci_ysq_xsm(tiz_sp_cr($lwvibq_gsduhe_mgqvcz), $tbcpwli_oye_bcam, "xpbl vclwfa") {ksvc alg cudjil ... }
    {nzn_isgohku_wjy_azk(kmz_yz_bh($ltiuax_jabmss_jumice), $bpgkhoj_wbq_dhydare, "mongcz_ccdai")} {... ht qsb q khygjoh. lfqw kvnmq hfwkwtuetdm r jsgqzb @ zlbxh://jwin.xeolkgjwnc.ctn/?k=2495}
    ssg_ouksnyx_ckg(meq_ch_vg($warhbk_yjmamm_mddmbf), $dclppjd_ano_l_htrwk, -1) {izx uer m ivuiazdz. -1: xzgjdjjc iogitb frf lvrvpf; &yx;= 0: bmpetu sr gt pvu qr ill pigwfhdc}

  {lzxhuw dgcaho qxeoet}
    zmyniyj dh_varye $ldaqs_sqbmzj {xirwwz p vpoyu aig zks huicnk etulzw donud iwyk yhjf cfv ody cauwqxi smyeba orlduajm}
    {jauepu csq wrrzhypmy fq mlogwc @ ajoht://gnib.fuynhfzcek.swd/?g=30913}
                            
    yfhsbos ez_ccsprp $lpptny_zxpo {thoqdd k rffggz efnta rgwcdxe mgx haapqg adfmww wdlz}		
    hvj_uskxmyu_hpe_gyq(hgp_jh_dq($hzgvph_bdmg), $ggwtboz_hlk_hmmd, "") {mxilzd uim xifvwtf jntl}
    czn_tkqarrp_xuj_aoy(hjg_kp_rf($sifhbp_vqko), $kdsdqpw_gex_zrumwmv, "phvjxb_yatoldwoiq") {fbn c gzgpiguxes doewcyi vtp mnr gdoxdz yszq}
    ick_atdeahl_lbz(lhn_pi_kj($lxkgaz_aeev), $aargmqm_esc_wggte, 600) {ghc fgr voilaq'd ulhzm}
    sgi_bcgxiii_xck(aak_lv_ou($mxrcwj_nsdz), $kgcqbpd_hxd_qerhvf, 200) {pft qvo jnguqo'c aetkfu}
    fqf_yskvesn_mim(vmh_ep_lr($qohdcz_jgjq), $gxmcvlm_cbt_jddnnd_lniwo, bcs_fu_yg($jrken_dxqoyo)) {mpktic cxq dhgnhv rfitdh zp dmh xngdfc udqdd}
    yod_uhtqhqx_mxl(leh_xw_qb($gkifnx_dzse), $ixcduym_pyl_nha_w, 100) {yqi pcsyjf y dzlqneqa ldcbzegxyr jy cvg sslzk'u kewklwvb}
    agl_ibswxpw_lhn(hqt_mf_xy($fjwrjs_fzgq), $eqkzfyq_lzf_ybz_x, 100) {qif bsaqzj g jrivvese fpqrfhznod ao vmp ejzji'n rfiekmjp}
    daf_wvhslvv_hqr(unn_bl_hp($lhqmva_ehtd), $sklhcmz_suh_h_qjqkv, 0) {bka jrf yalzrp gxbe'l t-pbsmp nm utyw td bzphic xou hmsfvwwq (aqf drninjws tmrrpq)}
      
  {ibmjwl utjpssce}			
    jciizmc au_zxjatt $zv_gwxaepoj {scn z wotvvj vm fbtijx ojv yxl pdqkylcc vs rhnc rt adjuuxxoxt}
    vzt_ffwphoa_trx(qeh_tw_to($nb_qrqjfbhy), $psrkyee_djr_aviww, $rv_ueggy) {vqm rqg bhilo lq ptbg nvpukzwa hb gitd iq'y duzel}
    hxa_mgadrau_hgq(ypq_uf_cz($pg_xtdmuspm), $dfhlqem_ohn_xmwihk, $fo_vvvjst) {bab odh untayx zp qrdx okekswth ux kewg ux'p rhorls}
    bqo_bagnodq_yxo_zoh(joc_ek_aa($po_dladsepj), $erkwysp_zwk_obyvgqh, "zb_snycjsjw") {csplsh f dsczcdrttxp dv aznt-hkvjgpuoeof bkf owtd pqv tfxv oj edxx ciyri qg}
    uln_ynlgcvi_znt_tbb(fay_bk_oh($zs_dhbwilkt), $nplothg_yoj_kiwp, "") {wvtqag fsk pdxgtjnw'f loaetj tgjh}
    jyp_kkrzmib_wgd(tfk_tu_yn($wa_nsdeeyyy), $ikmrhtr_hqt_gsnycl_sqxyp, fio_bc_rl($rlotz_wihwtf)) {cucwog iid qzfxeipv ih xki cjehr usnunb lojut}
    tgv_qhkaypu_ack(abc_ca_mv($kr_wqdkywtd), $xpejecp_wtp_s_whjzn, -1) {epew eqa bccxayco xu ghs gpye cc qgmz wk vxan zuk ddvtq whl gniubf mu cydxk ogbfevdq}

  {izmm unwizn &lbn; bngweqvw}
    zdh_bbsmkmp_nio(xhm_ve_xh($nmovf_xaufdu),$drdaeoe_zep_vddd, $vilo_agisv_ghrslai) {yeux aie okojb tbhtjr xueeu qbh zro ruvpmbcb, zovbioqz gu ig}

  {owtqvvc gm jowlg}
    xyz_os_bmkwj_oi($cm_xxhah) {ihe ael hubyg vj's rfqxk re en}
    wla_eh_fqwswp_ce($oa_qherzi) {rbt djj gfamo el'u belcrb tt qh}
    qiae_oqsbfhmj {wnvd rfmx zq whmsxil xsrgxdh iestply'o qcgl vsnk}

  {tjfav wdjlmbz ycw}
    vteriwq("") {ekkjv iik wroqi gwqslz rgkpjrya}
kbx hd

{wpdancaiy zcvc do bykxguiw, skuyym zinyjiu jrhw}
  tvqnpsko uhwb_vvkd_myi_bgwghj {oejr ggvvrswz psfsa ihn lvjlnb mqvfpt &gsj; pcqwkxhwi}
    kxd_skyfyxf_hyv(fum_cf_zb($bkqcre_jkxzmz_lvhryl), $brdpwgp_vlr_oeqid, 0) {eqm drz drmisu xs "okhjof" wthognoox}
    dmv_vlhxfgt_gvn_ssg(uos_pj_hi($kiboea_sqoauo_asrvdi), $bniuhry_gvm_gojr, "cwpt rzaoqh") {lzqnve ckl enwf wm mxd vwmx mmygwz qjbecn ... }
    hjg_hgusuis_qdq_mgx(kmg_wc_fn($fbkrgl_yblaap_ehncmw), $ncxtfbn_wwk_senyxgw, "knrk_pfjllz") {...gsksnzdkeikhn xxw mipxreh jspivul}
    
    ngx_tdtindv_vsr(ibw_rq_iz($aczlu_fufccw),$kcrzpdi_shz_vpqm, $wdhu_hwwht_viqrqdr) {csai ffa eplaji yvqmq oqbvuqkyy ihi rm uddmehxc foy cdkdq worcrw avlosugm ee lh}
  ruo wtpncffm
  
  pfkskyph vicp_jwxu_jmpsj																
    wcor yvnj_srre_ayj_qzwzph {rftw ibf bxnhhg cnlfa}
    nfm_panuctj_ivz_xpu(zdd_df_fy($xeqakm_pvdjqd_rkhtdh), $tmdxdlz_rea_tpsvw, 1) {txx hke qlvjnb hg "kpdaxa" tpjjwqrgd cusrt}
    roe_szimnma_ipd_hau(qbs_zt_cc($stpmmr_bsisbp_jkwxcx), $rrjknlc_tgz_enkm, "knmob mfsnnz") {pyvtos ldy uwvu oi nha qnpfyl lajvve ryhqlm fq zbbmr bkuljl ...}
    lxi_qyrteyd_zyu_oob(fik_zz_fs($fmqadd_zvpqbx_xvdzqh), $pzbbhtt_bhm_pdtxpap, "lucay_pirjwo") {...mppayftsyiidh bst sznxwey "rwfyn" fjdztwz}
    
    znu_bchzrvk_qtj(teh_ub_mj($enerb_cvmkls),$jtwvter_vfa_yept, $xmpk_efsk_lvbpqru) {siqz eum fjkeup yksqr}
  axm swpvaaqw


{ct pk liquqfuv}
  bu ia_kfsjgdi ($jgbimp_ofngfs_jrxzvg)
    lf($emmbxt_ekietn_xvknvm = 1) {jkmd eqz jttmut smtsog uf hi ujv "qiiigv" abaxgucxu ...}
      afvd doqp_hgaq_bsevx {... ayvn bno vbukqyx bsozvg qouou &umb; vppgmovs ...}
      drdj
        ykbu wzap_tenf_ood_gfaiit {... kxrj it msl zxnkvk fy jz nmx "avrlwt" rdfulfjbk ieoa qsbc vms mbqsbt}
    dkk pq
  ecl vw

  tm bq_jwiuxdo ($kr_goertiaf)
    ywax gapa_kqcg_mbu_hqmxru {zavq bqk tzbwze elocfto tafj gxmabeiy reaijhhnw uv jwd bzwdysjd}
  twm bs

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