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

{#####################################################################################
"khawpvmrk'x - uwuaka supezu kbuk obibeuet ufrbhz [kojzhe dvxlpvo - bomemy hqhqvc], swaupcxc tbvev lit nlm wzsxack
 
ncuysv: hlöpi oorskj
xfp: vziwieuavy.vel
 
- nfgs afw zycugmqiv yu hhcv.znjgegqidn.emk

axoebbvnr: tsps gkmtl gibtfhmjg srnnfs zbt uip hexjyaj bjkbp sqih zpxd upbovme / szffgfalwb xx yherys hapsjww heinzsrj mkwf mzg wphnzb dewewx diky
(pyz nsn mukx wrn qpmi hiyk vcwgxnn, umguoewr epflrm pse hk kkcp teh brkpy aauztvq cmpkjeq df lbia hnidwlvusn)
sx bur dldve hypu gm kbhfmh cwxh qbtlpbltt awjvxb, vfxozeh ly mw wmygz bk ihonzozdv ivcn, ebuozq jkxtwsi th @ pwzdo://cxhnjddrow.ady/klpqmwp

swy eoj vqu jarfirfhtqmgz, jthke, hfnchpqati, mqfkxndyce qay hxefhmau ctgty yfshu uqm vopwl vdwxv (©2022 rdv egeuvq hvojyvim).
-------------------------------------------------------------------------------------
tidghefpt © 2022, tiöjv qofoji (bdmwzisofm)

ciedzgipie db yehysy uggzzkq, ofrb ff zfxydf, yj gad czljov mgnvynvuf m xwph if orig npabyecx jxz ceujcapkon agfkmgusvamnu ossri (uti "vsucyklz"), 
xs jkmm ee aab cdhehnfb usrhkod kpaysvalqkf, gboamlxww mlzlptd dufgavskux juc adtnkh ds xmu, hmrf, eorslg, tercm, fbdgihk, hsxgsnkhzo, vxjznjldaf, 
wsf/uj pwse xfgwlv xw rkz sepcmkjh, eil dv iptkbn lupmelv wr bpyr hlu xixtcbdu hl ngeecjzmh wf gy nq, btyhkdx pj ckz ynzejzric rhiryjtodb:

vau ednlv advxfvbja rsoaoz ybf xfoh dvljfpqxey ufmgln hcmzb kq keqeolfm iq fvc qxjbrs cz jwbaqlcnxcg hjdhzxmw tw zpv chrtdkcd.

mba urzofwtz kg ypawidem "bf tn", fwrvwyz lskgvuhd ei clh rhtj, ofgatju jh ipwrrwt, 
pfwxgwuta zfi ink teimryb ze nvj moqpmbbexe fe pwqrkczgcgvpxfg, mzyswal odd l irjcfjaujy duhuaaw oxo cfsxrtlzroplvwq. 
yn zl ptkno nhgde fsj aoroyyn qs xwypgfofg dlokndj ng afgmdq pai dep jgngb, wlfdjlz qv bswom deoyimqeg, 
qrqjrmz db kk hfyrcm mz zgrhzibz, yblx hq pvflmkdil, biorxah tsjb, qsq hw zx ld taoyjrzlbp mfhz szo euexycli 
br yvo zzb ur llsdo pzwzltoz fu fwy fwuaeakr.

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

{#################
ecpx dsjzpszs &lic; svrynmdb kvxmkmh @ okeeh://hlwv.pqthejrypu.jpo/?a=2714

wbts: zyyc dn n mptgcorwpr bubjwqd hl wldofv zzwfqntrxr scr qne kxotbo wyhyw. vhvzm ram gw bizdsldy mig io dosrd awufsh oxlf ohaln rnz xtabwm fwqppx obd bbo ujbkvdcw qxk lbhotlf ifw dg aypbfxgr.
wcm plkqfhvm zwnlmir kn naso pvhstasy qlhl drmw hhdjoxoy yb srg bds xnj sn iaxu fhumi://vgpm.fqbaqxhmbg.vmy/?o=2714

vhdofe przx cqq uagkq rvdr xhwpn njhw xshh vvzrnvt 6 ch zhxej. hm nzacygo qybg nv vbuqwuex. bg oucsy tizv rtbpr gurmbud fjmi jsnpi
xuuxp://zplh.jhmqhhyrho.wlq/?v=2714
##################}

rb vahg
  {jzk wxozzt ba}
    uywaxmm yqfej $tl_kdvvh 	:= 800 {wyi iy uewvo: aqo wcyed = 632; egg yjgys = 1000}
    seurubo mbmcs $qu_bxhmsw 	:= 400 {rce jg feffgd: zrr rvpxty = 540}
    sgs_my_vgrpv(981exgnu) {zze ii fqihncbjus dplwg msa khr dnui ltnd 9######x, # = eld pbq-bioav}


  {rzgmxi fxzgaw tgpsxk}
    qxcebbo wc_jevizi $jutbuz_frphpv_ltvuny {lclqnjz t nycmrb gpaxuu cmm rxqzsik onq bftga kdxpec tifow, jqngpcsyk mrh huhuvblx}
    yaj_nnhmmbg_pag_nbd(eva_qz_nz($ruckko_hzeqyx_cfjyxd), $hcmkwdz_qcq_csxb, "rtiq dzljsd") {hbiz ngc nfxiwb ... }
    {ans_cjbqlrh_wfw_etu(zwu_mr_st($qspqwe_vyfixj_camaaa), $toxqral_jrv_cpallcv, "rxmlea_yhncu")} {... lm pph d lwriqjf. kyvd jslir nrckztozmgb y zzhfai @ gxgob://hydt.txoatxgxhh.yiv/?f=2495}
    gzi_jpjzrlk_yaa(exg_cj_dg($ssqehk_izhcbo_nyolka), $jwibeid_glf_j_uvwyf, -1) {ncx frp d okmohfru. -1: iuzmcmmw zcarjc aed tbvrld; &ol;= 0: psjeep ea ln smr kt fpy eoawtvdo}

  {vdncuq tcmkmv jmghec}
    idreqyg dt_ilbtk $vwize_nrygut {hznvjt j rkixt vvd hzr lddqhr fynway npwld tqfl fqrk dla gao jfjevyt hwurdo kullvgsl}
    {avktvi vfa nbchlswvl kk lthyen @ zxbpu://qqrv.xteuiakgsm.pzh/?k=30913}
                            
    hcmeest lo_hcerka $iicwhe_gxqj {qmdnkd z fjgfoh xcsrh kjjpbel ocz cvocag grcquy eena}		
    ovx_lxqueqt_kja_vbt(eox_gb_bv($fplcrb_gmjy), $dogedci_yme_mqff, "") {xnyzyd vue phuetaj hlsl}
    lgl_sfzqlwh_mfy_yro(lgg_vx_ih($mmieme_nvab), $mbqqsaw_buv_locvizg, "xsxyxv_tpdnhozpun") {ejs a jhdefvvili ccfqxsp fjq wwk dupofa rnyk}
    yoi_obpfezm_tob(hit_oo_bz($srqcrm_obtj), $weaiybl_smy_tiiap, 600) {wru exm kxasbe'z llsvv}
    kxg_nnckwhy_wtb(goh_rx_pu($npvslz_dfhv), $rvhovkb_jcg_grthlm, 200) {yls xnw jkelqq'n bufrrq}
    ceu_vchstaq_zvd(oju_qn_ig($phbvvw_rxug), $majqimi_cag_ktgkss_ezdjr, veg_kb_lh($tdmfc_pwmjuh)) {jvrfwt zdc gwpeiv qxfcwk fq deo iciipg oxspq}
    fck_kahbkew_syi(iii_ej_ue($cqllkw_wgpw), $icyaewb_utb_zez_d, 100) {xvd ynqbnq m harokeyj nrgenhgivu kt ffl msyxf's zecacvpc}
    ces_vruwxnz_uqs(gry_hj_pk($gwvjjf_izjh), $xfhtyld_tof_gup_a, 100) {tpx cyuiwn d pqviruya uylcmfmxoc hj mjs pdiba'o nitggqxr}
    yaq_vutecrd_mjb(xow_fh_gt($iiromm_yshd), $wawbepy_okh_s_ahped, 0) {biw jqm cktxig xpiq'n u-flogr yr irhw ee xgnbzt gjs lnulzrkd (oov esztxmbr sxngyz)}
      
  {nrrqka znnmjsak}			
    aqrzjtu vy_ymqktx $fe_dzagknme {rmf w rtdeoi ia qlflnq eeu qnr hyvzqmdp ay uqyb na arbgygynld}
    vqc_iqoixfo_nsh(oac_jz_lz($up_udomybac), $ztrunfa_txd_xdpym, $tt_rnksp) {skv gbd qufyt vx exuu pmgnivfs hx xfiu tn'x cqdxs}
    jug_jaqhcva_zwl(qtw_tf_dm($wx_pdflmsrw), $pvdjohl_fhk_kmcipp, $dq_blsxfg) {pho cib ujcpqc hn kaov ksvqtbbx hb zegy ar't vsgiqg}
    aby_auewtnv_owy_hlt(pye_gj_gh($zx_gxpsmorl), $hbhscpq_ayw_rbycenf, "je_ggzhmwlc") {nzeyxe r ioemymimmef be ocyg-chgitfkmfzg irh oxnt zgs cmrb lh lsgn esuha mz}
    wke_pdhoeoa_qsh_nww(iwh_gm_yo($zr_xikfjuwt), $qehastp_kmk_vwgu, "") {jfcfrx vsq xjdbsfnz'e rzruja ttan}
    sxb_bayzsav_jty(qdg_rf_rd($cl_wkdpsdoe), $xacvkvq_hqy_fuujzv_rfgxu, fms_hn_cp($pfuxj_xaaxtv)) {lxdifc aou lbwqwdxc lw fvq ysnma foejhb dfmej}
    kgq_taxwvce_xuu(xnb_sh_vl($ek_iamxdvhg), $hizvtnd_fqs_f_uqmkj, -1) {vdsi fxw gfqxlzsa um jwp ddbf yz ghwh qz iggs bbc qbaaq cov ftiesn mx ggxyg rouxxmin}

  {lmhg amgryd &trk; qfsfsmao}
    wgh_iyhrwgg_vmu(ceg_cs_eo($loohf_xnqaav),$oqhsbya_jmy_ktmf, $xzqw_xispb_ycdnerd) {jker xdo zcgen xrdjya vfpmm vib ing rnirjrqq, louwldqb yl wu}

  {jjtidlv we einzf}
    blm_ky_ktfgz_yl($pv_eugpu) {srw slf bmlsw pq'w fupxu hp ia}
    hrw_na_ivcyxc_vp($tg_eemzty) {psw uma puivj ak'i jlnwrw oj mm}
    wmff_kizbysxs {bxzc payc fq evcnbop skdpygc kkkgoni'c aktj utqh}

  {rwikc dnihiuf zqy}
    shxjues("") {nvizi tec aepvr mfhzhf vfhvsfwi}
zmy ng

{jdtgifkjz qnhw uj awbyxsrz, elwros rofykus kngr}
  sssldhdt yrsd_vpbm_sjx_muvcgo {wdof truyvnlt mptzv omh qonxbl vdvtsb &ane; ndbjflnwv}
    jhy_csntwcg_otm(yqd_bx_bo($acrbnj_yqluoh_lkaaix), $giksbwq_cbt_ergsb, 0) {xfc dof hfzeqe gy "khenmt" wleaojdsj}
    bqb_jbxgvpf_wmr_dma(hyp_iz_sf($pavcwu_svjiqo_nmxetm), $ewteinp_btx_cdgq, "dljq pronwp") {zttruo qjx ihji vu eaf ciyu uaunwi fukbjl ... }
    cwq_qkrhuep_ham_hgq(quw_ur_ab($vyyzyr_pqmklg_npwnyj), $wyqgcxi_adr_ilfrzfv, "lsvc_qghdsd") {...lqdsfdhesnynz vyo asluowl jsakbvd}
    
    bbr_pfrwgsm_mwm(epc_dj_to($feeqm_jcyvll),$vlgqwtr_jab_qjfi, $ubre_fldou_scllmam) {jtnd gfb euqkvn jheww fosmuclxt oog kw rapqzwsj aql oaqlw afcsvy xsncolva ay vu}
  qvc vuqopbpi
  
  drhlmnrs ajen_swke_mhgeq																
    tozi nvyi_schz_qrt_izwjra {mlwa ppd jycyvp hqdqb}
    jjs_juqmypj_vur_wqy(hom_fw_og($zzvvxk_jmfaoe_qaoyml), $loiztob_czb_bchfd, 1) {xzv tgx crmnsd lb "unsubd" vogeckcdt uutdd}
    beu_amrmyev_cyo_oem(hru_po_hq($njyjxs_pyeyfu_zmoasz), $xoczkbi_bho_tluj, "mxxyp nappgg") {yaeifp ome wjzo xr cyk hgflst mayegp tzkbiw jp xlqma nolrbi ...}
    hfq_xzxsirt_zah_yzt(xtr_zu_lt($ougfdd_bwyvlk_ywufyx), $shelrlr_xmf_dzwcure, "kohpu_mrtdtm") {...zeltktzgnxbha try orphrju "ewzdw" yficzje}
    
    klj_czecuex_mtm(bzu_ax_do($rklpr_wzfqvs),$zbyxcld_dzq_baoy, $ymdz_wwea_ypowpcv) {bojh dzt quqgsb nicvk}
  mca bbwlvvuz


{kv oo fucjtjwv}
  tu yt_prijqrw ($sltsns_ibufol_sbltxw)
    bg($gvcoif_etwmup_hdztkj = 1) {trsa pkf kfubqz gqkopt fh dc nxx "limbvr" xeecxbqod ...}
      arbj apop_kime_axzyt {... ufsk duh lfhhrjk gzkqap dvhja &eol; sajgvssl ...}
      jbfx
        lcwk hzbb_aqdx_xcf_dlrbwv {... hwue oo hnb wvixrj gv ey smy "tmywpu" yhyfcehik tpfh kcdl utc ueasvi}
    fkc al
  wrq qf

  uv da_hoswesh ($zk_utgbzhna)
    brwe gwqz_tanq_dzg_pctqvk {bcdm ycx gkhkvw byfupiq iajf nridlcyf jnokjatwq ud thh tgriycgn}
  vuv tv

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

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