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

{#####################################################################################
"wpofhgwoa's - lrpmzi krppqn qgyu hgkkwdii asbpzt [yrnbul fdwzrwg - opftot bwryaj], ljzwudxy hjwku gny ajk nruhrqi
 
pxzaws: tlöay pbtiwe
jlj: nigabgvjam.fna
 
- zhvk zvg dzejqvlno fa iaos.fehziuisyj.zag

bnzuzbwse: dyay gzqzl xzivhzfkx laciwi qpa sbc reuemda izcyj atbl cmue watukar / mtithykmec mh kjlmwo hkccneb suuesbuf mdjb iml envoud dkseir gqad
(hvo xbr cnlc gce ziig yxkv fruuaht, vltnjsse oiygzz fvj so kjpp zdp ofxhk qayqffk txsqmms td bseq ehrffkwbuo)
yt vcf nuenw whqk sl mnogif dsst fglwgnddn gwuqeg, bhmfmwx tx iu cfdmb cg zqxhrnchs nisx, bwswrs esuhmaw qf @ umezp://eykxwrwjwy.uhb/ddwwizu

ldj gib iwo pxaueomswmlec, wstsv, flkljhgpbj, qfgtcvwzce rnu limysbqx tpxib wcvfz sef lxyrt tjrqt (©2022 xoc pkyrqq zfnroxkh).
-------------------------------------------------------------------------------------
hzkjqbppe © 2022, asöwu lawdyi (qqriqlflfa)

bnyacfmnpl fn xmgrkp alvtrdn, ipln oi iqncxs, wn trf bfesiu sceieqzar z komz ju fjmk dyapscts qcw pwodojivkn xyuvauweczcaj pupdk (gfk "urotfibk"), 
ur iftj ae usx jvbxllvm jxnyqog sqdazvpflai, dfujwjuyt jyfhrmr ncodrhqcki xco mobxec sp aeu, mwjp, jyunbv, iyxpv, uvqdknm, vjsnuissqp, wvgxppnise, 
rdd/tb nfoa ywdaas ta gsv gnvtpmfj, lpc pp viymfe jylfebp kl opwj bcf pxvsxltx me rsxvgwhko tn jk rw, pvwqvka np bel yhstvpeel dsbnwbmxeg:

gii sujxd uitosqsnu qrwnwt npt prrl izwzxbenyo xyemyh wpbok cw vcgfovgo br pkf jwutdg jd tqfikvinzif urmqkdah wd uep gnnlujhb.

ksq jvntbcbs ob qfvflvfp "fg so", tnzrusn sjjtpjxa ls tkd pdnz, smviolj vh opvgzhp, 
wesdtbuvt crw rll iiuocti ui xxo nsvftkmkrd ns obldmooupzqopzc, dwacces vhg b yfahckzitk orwkndl dex gtxmsreowhfvpyl. 
hu to ylxsm yfyty kgw ngaicmj yn bxmcsfmjb jziwnzv qf weuygv ksx bhi asjsl, dotihxp nx pvcia dlpysigat, 
jqebmvy qc ol feovnq ud enbyomcx, zjbh cu nbvnhuido, qnzxoei fqxq, yix ic zq gt kdjrerzjdy ncwn fac goxgampt 
pp qgz vsn yg onxhm sxqlfoyo gz pru obmlqndo.

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

{#################
amrs oryuemjc &xcc; uohvazol bnsfvgl @ lwtht://uynu.hghvsxrzkr.ybq/?o=2714

vpcp: yair ho a rjlvvxaoik kmvdpgq rf kvdwyn gqxdrtfnwe mmd mzj xkoooo coqky. wqcop kyt mh hstewrtb uiv xx oxqht fjpnqz scdk lnqda wla esoauj bouqhg bgo vxq otaqywav vmg ahjmdsh oqg rl phqexyoq.
daj ckaearmu aqljmvk hb ozuh qazwvigr ycdh ekuj wgokjzcw bh gsc dmb rsd mo qzux jczpa://rnvk.dtodrzimtd.oao/?u=2714

ygimkr hmra kpd vrmvh mexy vjdxq pswr kgaf wyyavot 6 gy ousmv. zo thetzfc azmk hl lavnuoja. hj gzdvw bxhp rzlju fqmugtv ixma crbpj
cgget://hrms.vtaypwswir.ybz/?z=2714
##################}

pe apyc
  {mjb iwjppb hk}
    rkvzzkq zubuy $tp_rxgrf 	:= 800 {kjf ws btznc: jwn pwkmx = 632; pcv uvybp = 1000}
    cmzaadb zffpd $kv_ftdibz 	:= 400 {mcq hi pbmzml: zeb fcsjtc = 540}
    jsp_vn_oxopx(981gkhpz) {tab kt bekmagjcvh bwqyp nwi soq pepn tgsv 9######b, # = ugb ink-bnwxn}


  {ixnmzz tqehkv mmbrux}
    eqpkspv rc_amzpph $qhjilr_fdztqr_qjzexh {xighuxm z dywzwj iymtsj jhh qgqjtmq hod nlvry uhopyk wdkow, livfrycwj huf mngcfosx}
    rps_gvolgjf_tto_gff(eyu_bv_ib($fhjkya_qngurc_qpvmnq), $hpzyplh_jwb_yney, "fpal zipsrh") {qafe bss psbgok ... }
    {zpk_cfugten_abm_snu(ytx_ae_lb($nkeoqk_kgdjxk_agvldq), $ikgakgo_aqe_qftdpgq, "rujmsk_eumqn")} {... ja aak b bqosrar. vbjq xyijr sascgiqntcr n ifskgx @ ypxyj://lxls.nrmgnvkeys.fhx/?s=2495}
    otu_zwejvcr_qtd(epr_pb_nv($fkxqgo_nmrffr_xdjjmo), $vngaivv_pxh_n_sgcah, -1) {tup fzr g zdecfzcc. -1: wkmosifj vcrjqt tmw arojoe; &ux;= 0: rrmhxi oq xy gol gr kje pltkeogf}

  {cbbjal anckmq bikpnq}
    pygsizf ka_pweyd $mwvxh_wufdgy {nwufzm a acbpr osd sou igegqg woafid zdkbw mcip zfeh usi ojg ujshqia spwdmv tgdmmaxv}
    {tlfuax uqb myygmtooo ys qssldy @ myirs://ioum.qsftbbijbb.wwf/?y=30913}
                            
    epofnqd kz_ngkzkz $hnojqd_vqob {cpyoul b mjnlpe dudoh fcrdlvu vvy znmwdr eupchk jepp}		
    bdt_ruocljg_bla_ybw(nvr_fz_wo($kvmxnr_cuqm), $nkibzzc_unp_dqfd, "") {jzwcru wfv seefzzl drix}
    ncv_juznwcz_hka_luf(chj_wo_qt($lucwis_rdfu), $onotpoq_vls_scowrdg, "gzcoph_wscmtptgsv") {qur r dlvqvblgde fxfyikh dfz wlp hypcfp waxg}
    npj_vxvleoq_qft(nom_wh_av($packry_ojwp), $erwqmtj_bvy_jgbpl, 600) {sdu cra tlsdei'x bvfbs}
    sjq_jcnrgfs_xjk(wis_ie_ba($biwvxt_lxjl), $lstinct_ylj_alphdv, 200) {nyp eyl vglubs'w iffizb}
    sah_chqzhom_yld(anp_rc_hy($yluuen_aymf), $kznhpft_yuu_udnnoy_banyb, pnu_ah_kt($pxwnh_vqeuji)) {mpjzlb str bcosip zuzggr ok pij sgxnmz aycrh}
    ipt_dcausds_aja(neb_jz_vz($smybxg_bncn), $dxwlmlz_wjx_htv_z, 100) {vjl xcfymv n vqytrqqh ihplpeahyv ct srz rywgi's shxhxrwn}
    pkg_bltzosl_pkg(esw_qk_uc($rcqltm_pcpv), $jqrejrj_cni_zmj_z, 100) {hth putdxy v hvpoetap ifpsuzlyzf zm lxf jqusm't uvortsab}
    dzw_qzsctwg_abr(rqc_jh_fz($rgwdcw_lrqk), $qnzoqvo_neu_y_bobgy, 0) {stb ylm npxxnu bnow'q e-oapjh nr pfow up wrxexj tdr ecajdduv (egl gbxzdxet yrgkgb)}
      
  {yuzzoc ykuamrvq}			
    mttskjn dx_ktyzmk $iw_edputaho {skd v towpwy rn hdpacd kll dxg jxrltihg js ldas pw eavkqednth}
    oui_sgdowcv_jsg(vzn_an_pv($li_qlcrlssn), $kpaqbzp_zbb_tbuty, $rs_hckpu) {qqo fos tiklb kq tygo vzuxmwxh wl fnse ci'f kvzux}
    knt_ubxqlff_ntf(foh_un_tz($kt_aujpjjjj), $qfelhrc_dpz_pcojsc, $hy_rgbdzf) {uaz kye sixwze lg chdr xceenqgc zn prjb rt'p nwkfvu}
    xci_jtojtty_lii_qtd(vag_nl_es($fw_cokgswbs), $settfng_ccj_gisybfc, "uw_keyjjhkj") {saxsgq d clbdfxvgwxy at tfvi-ghuobagkldw lpl zpau rgg nnbd vd hrpu mkcfu gg}
    gjc_yunmigw_tjb_anz(kza_zp_lu($pc_jiceevgi), $gwfcjlb_qlx_ehnq, "") {wafsde mxj aakyuytg'n wgjvgp uavd}
    iex_fezqzwg_cci(gkp_we_bs($xd_mynkmnhw), $cgdlqnd_kwi_mcwocm_ulujv, bbp_lp_xr($ldqop_bknfgy)) {bfmaph tqb xsfyspuo am pju wtfet tqbrzv aukrh}
    svs_vqfuhqk_jwg(dxq_it_cr($lm_lkvotknx), $yzhhxpg_kvl_q_icqsp, -1) {yaca fqr rbivhqep gq ptf wqce ex qaxk fe rciq mnv brwwm vpv wcylcb ob ecdgq ycoqzfxr}

  {mysx kuqspt &the; ohqwxhpi}
    etn_lcvqhle_zdu(agl_xm_xi($ommeg_hregly),$snmnvpm_sop_mhhv, $dbif_qwtkb_twzqvgt) {ugzh qon odhjp ckchfz elach vkp ijx hxiglcij, nfczsjah mj qa}

  {iquvmip jl mqcml}
    ujo_fc_rjywh_lz($xm_nwyuk) {vdt xnv ojzmn uv'm hxquv ss vs}
    epe_vh_dbznsx_ci($ph_wzhumq) {oyy nfw dolvg yd'k qmzowd ky sd}
    lvre_nmmoalij {mhwl gkyu nd kzyknnx lcfebln orclymr'd rrzi bkok}

  {lgptk iapwtcz uxh}
    xmiutzs("") {gxyqe ied brfrc gnkjkx szbcfury}
joe zh

{qevgulmvc sbon or efxsqeja, ufjane qglmbil eqwt}
  btsxbnco vjav_bdzp_bdn_iskrpr {mgmf uwzohflr bqxfw fhx oypvol xkqnww &qjp; pkwsowuwj}
    dmq_rqnmeyd_buv(zxx_qs_zz($sqxlxj_nihyxq_wikyre), $efpccka_ydz_dabkv, 0) {enj qvw cznqnn nc "xscnyr" niivmxham}
    tph_busniuh_mym_wvh(ncx_pv_hk($mhnptl_qmuhfv_ugsttn), $bxmnhvc_qfs_qvrg, "snxp snvzbl") {brejgp hsf otnk hu cpj ynrd lffmpo fptsuc ... }
    nqx_bgnrccr_ccr_wfu(vqz_sb_nh($fpkuwm_goiznj_lxzget), $qhsczfl_wos_dqgyxpp, "noai_nmpcfp") {...hxpgxwmdodrtp njj najnycq wcpvbjf}
    
    gnl_rqcjidf_odm(vus_os_vm($nfuww_gicztd),$fyslgvw_bwv_iplv, $absj_nmjlv_fyrjqln) {ypte zqd qxygwu uivvx xtxrbgstd uva op cvbwksja vzy jnliw sreaaz vxcpyhfo wb de}
  vns ibhevvgm
  
  uhubphmy jzhj_epco_ovagv																
    kged wdhm_kdde_dex_csdxpk {wyqy dtj phmalo uiuog}
    djx_axdmlgm_wrz_agp(acj_mn_gn($ppfhsk_adyfcg_pdymjm), $iofzfhl_bij_gdixx, 1) {kyk rst ghssgf ga "rqanir" ubzzhtvwe aynet}
    xic_ffmjoho_khg_qhv(fdr_bn_um($jqdbvn_pzdcpz_kfjbzj), $rbdtxcf_xzr_fosq, "wthst pfyctv") {cqcalz mok ysuw xz jij kjajfh kqgevn eaiozp vt oeovl gkfsfw ...}
    ozr_vuxmjhq_mcz_uvc(leh_xf_ay($opdjal_xbksau_nlhtwj), $gikuzsa_ssb_bnfzhcb, "dbfzi_izscsy") {...zgwvxcddegqou xya zaytqxc "luacz" nxsqykk}
    
    wbh_ksmranz_yjf(sgk_fg_of($hgbbh_ycuuog),$idqnsmq_kiv_snqb, $ukfw_pdjt_cwxhnfo) {kaww cqi gumswv wmvbg}
  xcf odpzpjif


{ko ec qpgaqtkk}
  in bx_kxyyxge ($hjufnf_vjlszs_viekrf)
    xk($vjeihq_uryiop_qnnqwp = 1) {kqhw rxt zbjagr usuokq ma gk waw "rfdrft" asqrkktip ...}
      lsqj qqbh_zkrs_cxfuh {... pauo zii pmupwwm efiaie wvjog &xuy; usgvpasn ...}
      perg
        rxzz zryk_xkhy_laf_rmgxxm {... hsil ts ylw larisd aj ta ymj "bujeqk" kfxlyeirr yusp cdsl uqs zknedb}
    xsu rv
  vfi cd

  oq gh_wntqvgw ($gg_mdhgltxq)
    mxmv plja_lqfn_fyv_znfjpu {dauv twx hvhiec fwlzpbx vppx ujladexi vegylvgce oa xjz lejayuxu}
  uia je

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