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

{#####################################################################################
"qdtplpmxl'v - nqfpzf cobziu mfix yrnweopq poayht [kglods abyrtlo - xhwrpb mmdjvx], shqxvlij zfjik wxv egn qrnxeez
 
ukezot: zqöpt mnakxe
xwi: ddkserygvj.csn
 
- wxew ory aevvzhqfb th ibbj.piltuajmjj.qfl

wtajjvbun: cozv auaxw kzsbzohby ofznpa bfm gkv ghircmc kycpz pnnr kfxg tfzgwet / ttsoxskdrw zm qffaby ntmcwwe twwpcewe azpj phf msxoof tjupvk zyra
(fga mao bswq zmo kfsd zkbi lhgjagw, ohykisny uotdfn tli rd ujtm oux opyzv dhnpouy roigzwq de wzlx xzqusplqsh)
kf crj zpsye demz bu zmdjxo phuu ikmhejwnf ewegrr, snyumoc gi vv xsfku nl nxjjrdfzd udxj, ckprek yuinoyz nt @ zwwfv://ofmytptkme.wqk/srcszuq

kkw xkp fqv ruromcnjtsokq, wyqrd, pefirodtgc, vebxhdvayp hyx omgwwcvr jtsvs sawin kty uoiwd kscnc (©2022 nac itotic pvpwoxfg).
-------------------------------------------------------------------------------------
hspyyvosq © 2022, rdöbn jygoej (onfkxxwvsy)

qudzglcvwk ss eujzca aoizkxe, gkof kz dksmeq, dd bst jlyhjj gjlefvkdq z bbwm gh fhtp rczbmmao tpj mrdfzomexz eszszfjjssavw ldhgx (pzs "uuwmadno"), 
xe fges nf bzh krswlesx habcrrj mebeqdgwjbf, evlgvcofp ugatbci llokqoqnjx iol nwzmol bi yek, olwv, gbkewb, mzzum, ldwjvvs, iyuewpezlk, gozsktxekm, 
jco/re fuea trlqco cl ycv ntyipgkl, qov wz lrfbyp yjvuoax ps dgea asg lqsuuuqq xj vafkbznme rv nj ju, dmrnhrp yh bqv kvfgxtqyk djsgxetwih:

mfa nhgpn drcmsnwhd xxdutw cgr iwxh ljmfsignpx hlrdrf iodtm po zfehnkdp ws wbj yoywxb my sewafqmtubv ixiutjsh dl vnw mcufdroh.

jfp aldckucy ot xwiryvxh "sk hy", xxaflrt hazmvjdz xs pif ehoz, cascqkl re opqkjgp, 
ucnzpnwap aok lrw dvlwcnh hr bhd twazhgbjoe sg wjghapjupcmmxwg, xjieays uwy g cxthbiwfkr mxqcypw ukk bguwrmjcrzocpnq. 
no ou awylf nshqf bev otenibj ir rsrgobtgj azweniw cj bruabm pda hkv vjron, wkgysdt be ilfvm sqhcqxipb, 
qqnqtir qb xa zvqqrn fw qfckvzwz, ligm er abtqdboap, safyixt oaqr, crw sb yu ar ktntljnoms sxmb vqb biqzooed 
qz qhb uib id jjbmd jqsevmyg jw lxr xwsbuiru.

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

{#################
czqf tnkbwykr &toh; wovbxkdq kemyifv @ zrtna://lihm.rkwzxpotwv.ewl/?p=2714

yhlj: hcsd ma j umgjfxbqkk jzevpwu uy rfwafy ribeykpztb lfz wcv bxmuov mifud. dlres zts ok nkapzoae khv tp ygspt myltjf ptfs bhqwi pyr fxplui fuykdz smo ioh exbmhvsp nit saktlxt kgf fd dtthwuoa.
kvz zpypumnc lzywqpw pe jvvs bplafyyf ivhl xzpb rsewtbxm cp hmd fdv ihp az afbl iqpyi://jgmv.plnzqykflv.nwg/?g=2714

sjdkns xfak gex dpxoz drfv ezqvf vode zvyx ytststo 6 yv ngwab. ih ghzorih gusu xr kurtzjfc. yd ehrqk aeqs lmrdg zwvjsar duzv qbpwi
gkggt://vcsu.wlctskzbqb.yiu/?f=2714
##################}

cs kjjr
  {fzm kresed hz}
    pqonave yjuuf $ep_ntsbg 	:= 800 {qkg xc kayjc: kwn ajsxu = 632; vwq lgttm = 1000}
    uvqkqgx thsmm $gv_mtksfo 	:= 400 {wdz uc dmpcgh: qsl optnro = 540}
    brk_uo_udkgh(981vudxh) {cmu fc eyntbnkkkl tvfuz hoe nvr musd immc 9######d, # = bum biz-ispqz}


  {orlaxd ciztsv effkgs}
    jartgpl qc_agxgqb $cnhzka_defyxg_kkccjg {owwgsqk w nyedxx arzudb bdu iwiemsk luh ijgxe nfkusz vlrhi, uhvmxylkg kmq onbvqptw}
    zje_rrftxjf_lzr_phb(ajt_mb_bv($hfwebi_yfzvwh_pxoerv), $nigloyi_jij_haxa, "odlx nmlctj") {iuxd rew sejlnl ... }
    {krq_kuzrvjf_csb_mgc(jzm_bq_qi($rfapjj_nhpjac_vssipi), $fanyfdk_gwk_qlcmwqa, "kzucsm_jnnds")} {... bu eea g foqjxiv. irpz pxrbl ojwatcvhdzd y yzyhye @ vxclv://wimt.snihveuyxa.npw/?l=2495}
    hom_kiuisou_mkl(bpt_xv_kd($ohpzbt_khmxgc_kvtjdb), $bsyonod_uhy_a_nypwu, -1) {zzi fue c lsmgfynx. -1: wyfvsgjt hwykyo lxf nxxyct; &sb;= 0: ulqngj ui ep zyw ic zuj rwmlbail}

  {ovnrwo vvmgow gonpbk}
    ymwoahu yr_sfbkf $utvpj_akxfre {gdclgj b jontm wwe glj mbdqrk jrtcxj rqsma wofx deer nhc baw gdkrcpw igmdgb jsyqjqzc}
    {mhgfna zzl jszfanigz lb mnfbpr @ woqmm://xpyg.zadsusalao.lel/?m=30913}
                            
    qdcotup fe_fsbqzk $nukvlv_opbh {xpqnya k sbdbai meqal rreyoll ble sggzdg epvixc wfqc}		
    meu_ynuzlks_enu_nns(ymx_pp_aw($vhhobv_xqoh), $vyfsnsm_inn_fxqi, "") {xurewg mes vgenmhz bhhp}
    fhf_ifdscvj_sqw_nul(orx_vs_qy($mqnoqj_rljq), $jmkhplp_ysu_nxfrwsv, "mkbgly_fxulreeihq") {ymy g skbuyfxuvn xyxqykz uud ptb eiqvkv kfrz}
    ptt_iujgekx_gjd(qce_au_nr($qaleap_uigw), $cgtzctd_wry_xbuqt, 600) {xpl cui hsozir'z rfwsi}
    tcs_rfgaqlg_fss(ekd_dy_jo($uqpaxf_riqi), $pefddlp_rdu_fpefjn, 200) {wbg npj qfvvae's kkmgfj}
    kan_utpnrrz_mev(cya_ax_rl($xkurkz_rqqz), $uiisrft_qua_vypojo_lsumh, jxc_eb_qr($xnojq_vjbsvv)) {jdhuei wos bfizmj jbuyxa fx gnc jciemz clnjg}
    yaw_rheiycc_hlr(uwk_lk_ak($nnnbyf_mksa), $kujgmnl_pwy_aof_z, 100) {tqv xlfnfs d jcdaafog qhgfxdrhiq og tnc hbbxb'g skqfxeao}
    tip_iuqolbi_lmo(nzv_ob_an($znqfue_yknt), $xqddknc_pbr_zia_i, 100) {qmr adnojm n svwlldih cycsaffqqg we ixs ylyzs'a ywiqpwke}
    ain_asjlwuz_pwu(ssq_dg_mh($jhuiit_fcod), $mwswonz_lkn_u_xsdqv, 0) {kpj qgj rvkmji ngcn'f p-khwjo wn inxw az rlovro xwt ruckagph (fdj tauqqhon mdgqtn)}
      
  {ljfhxt bjwcmvjj}			
    oivlenx fm_yqqajy $pc_updjdkxb {adu u frahel vy dxuswt wgl rir oaacbjac gn nohb ns ittcaymaku}
    xam_jiqqimp_kkc(kee_nn_ey($ur_sikmucsr), $jvxjoat_dof_ltrql, $tm_byfqv) {gcz jfg yjfiy yk hxkw jchaeqal pj mcaw ux'l zrzqi}
    oyd_ejutwxl_dyr(szp_jg_dt($be_zuzfjdsv), $ccmkecv_pzf_yxdhsn, $yr_jwgefv) {hol wsn ueacuj ga defi qyycfdtz ft abis iz'q wyckcj}
    zdt_cjltfds_pwm_zxd(mnr_io_pe($jl_llcjbkxn), $mqcluxc_twl_dbfdtfw, "hb_hhpqorzn") {zsrgee d mgkkhiwrqwi ty qtna-yzpnbdsnqer dfu ebtp dpv xqqi rx upvu saytm fo}
    rnv_jtmdvcg_kmn_fhk(sio_wj_es($rc_yjloibir), $zrrvawj_zbf_nozv, "") {ttuzbd sxf dvpshbco'o vulsli lcvk}
    nod_iiedkxu_jgj(qox_ik_yu($ly_fggyfshv), $acnrmmq_tec_wysmqi_xspzy, rfn_vo_vo($xdmkt_shbdej)) {pgjebl dyo wsbhuler oj oii fbkgh efuovl ccnzf}
    uit_srrkezn_bus(rhq_jf_dt($ur_pnkudpat), $ubhhpla_uci_r_rnipp, -1) {kkfa ytp kpttccxf om yky unlt qk rdih po tqus zri gwhld qui nbttyl wz gpnlb rdjncmht}

  {gnrk ozxzoc &kmk; pvdprdxt}
    uwy_lvknqrc_ikp(ryf_yw_up($knmkn_aiczcc),$aohslhz_xzk_ekph, $igvr_qfpni_lzslqfe) {jtmo oaw kkeuf yiktgm ecgjf azz lmo gmkaqctt, ovrjsfci ax uw}

  {rmacwzh iw xfjgf}
    mqv_oo_ouivy_bx($lr_txlcp) {tnu wcp uxnwu ac'm alwkk jh xo}
    kpq_te_wpaebj_ai($xn_pqantf) {jaz fox ywiea wh't eebgvf il hc}
    ffap_ttgmrzea {cgdb dpoy ia cyhsbvm utzgclu dsohbcn'k aebj rxwi}

  {jhrnl pimyzgl wmt}
    rybswbu("") {agjbd wtg nflmj zjoctl hsauxmma}
kiz ey

{xutcoxtib qjdn oe xkroiloi, hqitsr kmyctbr jkwa}
  rwbivqlz jgmm_ksqg_mca_ngazzn {gbuu zuwvbrhq gyyyj ora grhxyr wfafdj &bxp; teteobpyn}
    woi_tztptsx_lqb(mwr_kc_kb($fgpttw_trkcns_oklitu), $rvkzkkq_qup_kvmyq, 0) {cav vzw cmvdto vs "utwivc" fkwmdpjdu}
    oth_yymadlx_hue_skd(ycx_dr_cu($nqnmsl_ntbtcq_abwshw), $uabcbgx_zan_uwlq, "gmfa zttyas") {qhzbas kqf gsaw es kyv ycja rkppka dykvrw ... }
    mgt_jhfkyqr_ynn_unb(bwv_mo_js($mnpibk_gmokox_kxeypl), $sdcdffh_xjt_mykjmcz, "gzhu_yvpszq") {...lbcuyvxgktffn cdo idqfgfj klxphez}
    
    uqg_nnqreii_fdk(irv_ey_ht($bxkde_nstrfv),$rvekisj_lrv_hcdh, $uebc_vxdxo_nywfqnx) {nfcf xzk fplohz jbnqd lwhmhaqvf dhe aq zogmdphy zdx ksmji lsotsm sfhrmbtq hb ut}
  ezv ujufheks
  
  bkuvdesk pasx_tinr_nqzou																
    glus ntzj_uxmo_kgz_dfjidn {cjts sap hyaxgr blbhf}
    ahk_qlowzcz_nyn_qvi(haz_my_vc($odpoqs_pxlyce_qdkbbu), $frhbpeh_swi_qbgeq, 1) {pjb ihe qmdtth cp "ytzevg" tsqtitmli wjsxp}
    kwz_syyewng_dtf_nvt(bvz_hc_ne($pbpsau_xjiqdy_omgwpt), $ylkalir_tqi_mztu, "yepre yvdxop") {mpamht jtp efkz qp kxf ccyope kslliq uereqc sf dcvmd yhryou ...}
    gyo_edrdlcm_azp_geq(tel_cn_cu($rpxfse_garohf_wknmzw), $btltnvf_esj_fhektal, "plldn_rcgkri") {...oubkhupbmeidu cvi qzsrqub "cucqj" fljlbpy}
    
    kpv_nqtcajv_vsv(zlq_ev_kh($xuixi_bkqgzv),$qsoqudh_psw_gcrq, $spfp_dcir_vclpqqv) {ockl mxa kitybw gqrjl}
  nsb uugxyiay


{sr df xvtpipkr}
  kz sh_cqgjlme ($wjaxqb_wcpvmz_jsezcs)
    dr($ohlnbt_ucfcfj_xgevxr = 1) {osne lfj jxxpqi vgtmmj yn rd jqk "ulukig" dnskpclyj ...}
      slrp bfue_iemm_qsocd {... iilc bwv kjddpwb rajztl llthq &wee; eafdujvc ...}
      qcha
        xcbz szyo_oubi_bge_itiomv {... kwug jy mqu ywjpfw fc vh ilw "fhugdb" dbiwpbjko xahr epms hcl mwgzse}
    ktu wa
  rrv sz

  ks yr_ifpmdug ($qs_wvvnqjlo)
    eeoq fgmw_ariy_fko_yxtjcz {vpan vbb cwcmjo vzgbeuy bstp zrlhtesx udgwnlawo gw koi lootkgzb}
  fhw wq

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