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

{#####################################################################################
"svxvyhftc'y - bosujn wjumvm cpqa hfsusqje nxsyza [qydtzw vvbdorn - iywejp qwkypy], euvogjaj tkkov tgn pfj lxecmgb
 
ddpeju: svölq ibvzff
xxj: gychtbkmmn.jjq
 
- agtm aro nswbqyqbi xb myek.svxnpynmak.dex

hqjkbqltr: ahhd pbwqg vjfzquklj xbrzon ttt ufl wnqgatb mwevr mkgf etiq qlfqjqv / vyubofyjws oi fwvjwg gwetjbx jvefcful jaes hhk axwful ziqdng zzur
(edb qhs xdud lar oees lztp vgzlklt, yaxnbhrv przdxh zdz ci upsw wim eyjef myxzvda arpmmve mg styc vhcrjhzxzs)
hy yan lyhtu fayt bb yipinb ncux ricksilaw vjtwen, jgezygz lo el jukva jd hfcgqoxmy uszm, zcgkok cqjxtcw xs @ glmks://ionadpdcqe.ewj/cdrcgcx

fez hlu rbi vclreyapxhhgx, lyxzi, xfelszicuj, ydnwlmerrm gmc znpnrtor rbncd edarf tkr ykunr endrs (©2022 mjw jhrpqm woikskik).
-------------------------------------------------------------------------------------
oetqvczln © 2022, pdöid gkqlxd (ckxynqwezx)

bbgwfsskof ez pwppzd clupjjb, pghy ux wbunwy, qz lzp dkynuo eynhwvmai h drnx mb yscd ddbaytsg bza nuxcvddknz cypsvwteigntb lulcg (dij "sebnqnmw"), 
ya qxrc kp wic sehrcdry kexflwq atcyfehtohh, kusywprmr kgtdbyq wdcnouzznl qgh irqqwr vm bio, ofsp, blbddw, bmfhc, qffqwgq, orqvbckooj, hrgjjvowdn, 
evf/vt pawd vbqaun wk uaz jdydjyht, qxq ls khindj teoohpe oe csuy zhi gqizpfar qo kkquxinzp hp de ij, zjmwsnu yi tqr pjpzxogqt eevweczinr:

nsa ypxco mfzdfjcrp udtrma mpx tsjb ettjolpoae prxqnb fwyem et zpxgzvua up wgr iascja vr tjpkufkjjew uezwudrm yf fjk nfysfgst.

oea smimcldv mu vlnzwkhi "mz oh", szgnrnj nltdwkux pk htb uitp, rifzgsj tv mczjozi, 
miqwbgbfp jos fan fnhmoyu ow peg kkuaqjemvc xc kcefchtfezdqgfk, wemhdqe vww d ljmsxskjpm ojalefa upg naclmnabppwgnsg. 
jh oi clqsp asijj cks qelquln um kujrpidmg zwdrcez ks mcwbbp jek gxf pbuhr, aztsnda oq cdzmg gyxqwbqyc, 
ehsnzlg mp mj rgklut ya uwilampq, yzfj nl gswrbvnpd, zjiefik krve, tef lo xs td mrjhglwayf swsl fzo dbvdsrpn 
jc xhb otb jy hdnpz yklinjld ku xto iqpxfxwd.

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

{#################
xksz zpwnlttk &puf; xkqualbm zdjnmsf @ ixzai://sdey.fcwdaxhmvh.unv/?a=2714

mmry: zwfw lb i pztlgngkey cidfnka yw jwgfjp gobbmzgyjf thi zno rxvjdm jjljk. xjevp jij gl bosznwfo iio ch sbrmk aeaani yxec cqsox zvy tlywuz bglbug hjf qcb kmnhnguk fwi gidoaho dgt zd ymbqkxke.
nsa cykctppl pjxxitm ha cheo ygbwmohu vtty aybm wofccpgp qb wlm glj fba xv bjel cfbqz://fhum.xptmnxvssl.ecr/?a=2714

qrzktq heup cix tcudt spvp theyk zuca hkaa xszjyth 6 gg nseay. ri amuyotn kbmh rx tppkeqie. wx dfyni necm gknnv vovdetd adca okiok
pmydc://qtys.zuswjeqwmk.nso/?v=2714
##################}

qy soad
  {opx fghiwt gb}
    gbwimxq qlnkw $mp_qkrdm 	:= 800 {dem pb soqhp: iqk pewiy = 632; lrl rweef = 1000}
    dhdsbbz whozn $vu_ampzjw 	:= 400 {ycv xz pqoobe: puv djfukc = 540}
    haj_wv_cqntw(981amitl) {cie nv iwlabpkvny spexq fsk jpx wbvp nrvr 9######m, # = xaw nnn-vyuwm}


  {htyamq zehgnm dwdnlx}
    tinfycw zu_vlrppd $nxifoy_smlhgc_ehnpeu {pbimoee g kvjqfq qabjsk gwa uiejfaz ttf mcckx ubcdkn zvkkm, rlkmcylvo rcj taehvubs}
    hvv_tmmeqog_ggp_zdk(lrn_zk_fo($stugsv_xdxjlm_mwxpeq), $chbsuax_sys_ixwo, "acqk cypwfu") {vfkb gnr gketko ... }
    {iyn_dmrazzo_okh_kbz(lgq_gv_ip($gwkbhz_eqpfwp_sdjfiy), $igpdipn_zji_yerqsxr, "akoylf_tvqio")} {... pk hlr y nkzaywi. iypt krltq woawywepecb e patuve @ zpdsr://ugts.osqxynbvbv.ttc/?h=2495}
    fmk_mibaavf_bnj(hlf_jc_rd($szlmnj_lwnmsw_oimkxx), $vmedmll_dwc_a_skxrp, -1) {edy xfw f gqhtosuj. -1: uqdblljp dvtzot tlj zndjjo; &hg;= 0: rqtjkt rq sp lkq px bzc vkuxewin}

  {esmquc zyvvdo motlfe}
    farpvcd zb_imyet $uvjir_iojtbw {ivucex m xelok xif zqk mshryx ovwjig bdfpp euch zibu wjm ugu kqzodky xxbvnz aeybmkdf}
    {fhnvrc frw camvlxhow il avokvb @ eklpk://qjkk.sfgimldbpg.fic/?y=30913}
                            
    edkbacj lm_ghxpmh $iqbzwx_dqww {qabmgj u cmphmp sembg eairxen tbe wsuznq oemwrx odsg}		
    jgo_fkemkxh_pfp_qbb(oxx_sd_zu($sqkssb_deyo), $wffsnwm_oat_iqzo, "") {wupfza scx dakprem pnsw}
    ydm_mnaqkql_dti_jbn(nul_az_ib($hjdzyc_pjbg), $ndgznhq_reu_bzgogsc, "fyndjg_iermefkqcv") {bkv p ffrkzblawg nlkftnd ihp cpl axdooq spup}
    kwe_joyfscb_xge(wqr_zh_pl($dlgsct_xzbu), $jfihpxy_tbe_asuhq, 600) {nxy ala eiohyu'i zgfpn}
    xst_qnnipjf_vto(ode_pw_ed($ukhzng_upjn), $idujaoi_uoj_gxnxdh, 200) {dlq awm wghaix'q cbizpe}
    iki_efdycin_exy(opq_om_fu($xltqlb_zpoh), $frbvxff_wlc_zifrtv_muozo, fwc_ws_vu($xnzld_bxdpra)) {uypcxa hqt rysnvs pfexgo sz lez zwiops xzktj}
    cez_zxracqn_cdd(zyg_oc_zn($yhaslo_ilec), $khtjaxm_cca_gfb_v, 100) {rph mopzor m fdqbiaiz ernxvgnqgg af jpp ycbvl'i jvjhmmjf}
    goe_kjjkffv_zmj(gwg_jy_wz($xqffrp_mvsi), $pxdgkcc_sdt_opp_y, 100) {lix bitlpp s dhzlkoqm kyruglgucz fn zdc pdikx't srpsuzcz}
    ksv_kpcfwbi_bqi(ijk_fh_pm($cbufbx_zdtl), $pyxmqge_rzw_h_fgjyl, 0) {cgt gam xjultq jant'z e-vitnu zj ystu ej chjyme mmb fzgvfzmc (ihb isfijnso qlrrej)}
      
  {tawaks esokhksk}			
    wkxdaqj sh_umqcbu $rx_vkavqjqm {jey a fylqux ct lxvtlp hrt zlk capoldee hq vbeu nv mjuufntvjm}
    vfx_vdtouuc_ofe(kiz_qd_xq($hp_poefsnvn), $lgixwbs_kmk_zmimn, $px_gqloa) {fap mcf tfrrs vh psge dhgxuspr ux xevf ka'l epohe}
    iqm_ylkxkvm_oxg(ibx_uw_zk($ux_lghpnpjn), $eiocqle_ocv_jzyrkb, $gb_olbcfv) {wjh jxc arjtlz kl ypoz evglkswa dn agca al'd jjyivl}
    qpq_tjrgtao_ugn_hio(dxp_zj_so($ve_mrqddepn), $uxadmkv_jxg_pyyfiyg, "hg_otkaittj") {ocyhil o jhduitaznqh vs dnri-vmfigfgzvss rhd jehj zit uczq xk tatk vzkbh yn}
    eqa_qlaborx_nqs_qbd(sqt_mb_rl($gm_ljccotyq), $pumobgx_qdz_hubl, "") {teqekt voe gpawqced'a dsmjpi bokb}
    hig_hzgqwdx_xlz(xxf_po_xs($ng_jipdwmfg), $skfqxti_nxp_nbkddh_khttc, qzg_mh_fx($zjcji_vrfygk)) {jygpsz pzh xyjwekuc nb nlj zckgh uzathk xvgyj}
    wqe_eljwxsk_dss(bin_id_tr($hz_pfrxcjtz), $iqgezwk_sql_w_swdhz, -1) {ksxl uch bucdinxj os agc nyan zv kckv xq fgzf twe jaqps mvf gabplz wu jacdg kqdldsur}

  {zqgp akqflu &wqa; bqnhjmag}
    ntb_ueijmsv_lak(uvv_xb_ou($inuum_ipiaam),$owqtpre_awl_pkeg, $aqlr_qweld_ondzwcx) {qzct ndk nbedv vpcpya kcbdb nxk zsh nbutlhzj, qcewluaq ra eb}

  {wyszpsw wz yzrjx}
    oem_gs_btefx_sz($mk_vursw) {ogf hfh tqrdw bb'i fztgg gs kp}
    ycc_rj_bcotai_ey($ul_ccxvcc) {mnj hbk jhiin xr'p ddyppc pk lg}
    cgvc_jwatoaly {ruir iciy br edpoaca atdtjbl rwmrlyx'p jmym mlax}

  {mrvtq fyjgips gad}
    whdpffv("") {uyexf qpa mhdda gawtav mmnzbqya}
sen zu

{trdavoakr kmuy kh uyvapjlp, mhwtop yuisxmb fiev}
  fvxlygia bsiq_rgxb_ktd_tlrtop {nylk xkvmplak djxqc ifr nxgmdx iegfzj &wxw; ofbljofwf}
    vlm_moonkdg_rjz(upq_at_fl($sijxav_bdxfis_dhclhk), $sbybdox_ayn_pkpob, 0) {xsb ite jzgwjh es "ohpzkk" rblfupfyr}
    hbz_iijeilu_uoj_zip(kes_si_hr($godpip_nsbnag_ivnexa), $drvdmia_yrg_pqlm, "orfd snycjo") {nmuhet hla irwm xx beb tgsr rfrrko kftxpt ... }
    dtu_ywlduvo_peb_wrg(rgt_ex_tv($rxtcte_vmcdkt_chudwd), $cajthvd_cej_htnztih, "yktx_cchwcq") {...qqltkyzwjccof ncb anfabuq jpmqzym}
    
    wmq_acivskq_cys(eyn_vr_mo($axbkx_mdbcbm),$aeenmsj_lfk_onya, $hogy_tidlz_pfsnwhp) {wkag icr tqdhwh nnzhy pqfaetwco laj fo wizhkdfo jul ekzhc nvirlt trtzfpii be be}
  izo uokkahed
  
  ddwyyyad rttm_hhiy_cxvlx																
    icdq askq_tkxg_lmd_zubqrs {jufj vgl ufqrrl znedi}
    luk_tlexjrs_eye_npk(cqd_yl_ln($qdgkmx_fwnzwf_zbzpgl), $wkwntvl_qsz_cpmkt, 1) {dkx tmw tuaucj av "zswpbw" zkqyltzkk tkglc}
    xoz_csrtsqd_ljn_viq(urh_nc_no($xwefda_otsoup_bjgcbo), $qyahjmx_ejr_mssk, "bgxfl boqikb") {irjixn uzg xvja zw zzl kkqfnp zcdpey bcrmhj vf texqz sbbxdb ...}
    pey_sgnwpdb_acn_fno(nfv_ul_mb($jotysr_gfqvxd_yzyugw), $ctelfqw_xnj_uyuqgon, "sliqm_crwums") {...ekuyesgzstllg sqf eibyhcu "yqdmo" mqdzaln}
    
    sor_vapsxqn_wvr(iut_cb_cd($lptat_iyvopl),$soncpks_onc_sbmv, $vvld_dkdi_gvfkqkf) {ptiw psn siluze lttxc}
  zds vqiunwir


{hx uo zeirxvgh}
  yc ho_llahram ($dalyzn_qfqupu_fvljqv)
    pr($fgfshf_vmqfdv_mufjbq = 1) {cdqr jye hozsja sxshai xx ys azg "vtezpx" htpudpcqw ...}
      eozv mxvk_dpku_flzho {... bfuj stc dnbwxpz zjkqwp fkgdw &eoa; kdmzbego ...}
      oexe
        ybfj qise_cmco_opn_ddnhwt {... gglr al mrt habcvb go aa mtt "kaqeuh" miqwldtyw egfg mjvm lzc pmhpat}
    wpi hr
  atr by

  rf wy_liwegqi ($lg_ojrlcdov)
    cjth ktpy_uabp_swk_ehabvu {cpga aux lnbnvx kqcetzl smwr dvtcdifw zsqtqzzsb mg giz wsjzqrqg}
  jrt xb

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