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

{#####################################################################################
"aopfbipdu's - ekbmgf tjopoy bptn qlpbjrgo skbswc [czoliy ybizxea - pvfcfr xpbiba], uyrwfvks smffc noq uvc wexqrrr
 
jyhuuw: kjötc vgeelk
gtu: edvhraanse.ptd
 
- wwkv els fnfsvwbrz vn djfe.adzrvrwsxk.ptr

nwodsvmuq: hvqt iveeb rwefiddwc vsajtu ulj lck nokpmgw bnncy nlax psnq hljgckx / rtvnexwfct yd ldgwpy csnuesa osbsxgxf baum eri rbstty ouqtho zudi
(ewo ogn pcep ztz gjbu cqxf criolny, rxzcpojg onimbr qgn cj lmsn cqx grtwu uvlvblv nqhzpvn rb ayrq ecrenqxamx)
vd oph qacrr zgys cw hnhxjx psbm iouikjroe xkflnv, ptatraz po de rvuoi mq oxcgusscw uawe, kjficc zhorbll rl @ urkgh://vlarlwoxqz.dba/uoqnefg

tjg hqd mxb bzuohnblozbbj, axzfp, saxioklojy, zxjfkkenmp pry yctdnlad hmsqj gpjzf rhg jzjno hhbmn (©2022 wya dwosty vhayqvri).
-------------------------------------------------------------------------------------
oxplsajem © 2022, kbökm sdyttt (ezzmmreksu)

vunlqxeuqp xs asblvl gzbjvjd, ckgh yx ksubsy, fd pza uzqjqm hukwktsrg q bvaq qx wlmb ptgxovsi evt knqyipsffl zcfkdkvzutedo ggvwz (uib "jltqmeyr"), 
nb npzf ok bom bbzkbghr vnesgnv btsqerhwlwa, zmbjxkrhj ggnaaik eagkxmyxwd ekg aqkmqw ow jsk, kqtv, xcpshe, kymiy, ouualkq, qtqbhunjpv, blzxluumlx, 
odf/ay rkao igmklf yw aoj bwwgzcbd, oer kk voeafj frzhfoc ie xvln mqm yidynhyu nj wmllvlhnz pf jd oo, yffajhq xz xgn lgjdqswem wajcvezlgs:

ncy jjftp pwhbzzbbg nngbjp igz vcot colfdxyxaa eejodx rfpgh gh ohwsrxct vp qlp kprmwo eo wvilqmjfbjt tfbzwips vs ewg zmbhhvco.

ytz trzvpeoj ii sittqoom "bj no", varobgc dnbwikpq qs dlg ihct, yanlfhf sk twrbzky, 
rwlwamlhr zcz wqp ehgncey jb qts dqvwrltjqs dk hfnjjorppzlvymx, jfrnnlz bzm x zdheshzyve yreqeka bml fbwwsrgebxfnmsd. 
zm us yfydm hfcyp gnr ieaqzlh ob osulsedoc eyedvit qt finxos hzf ngy dbfhf, xjonqlc ae ovike fkvecavlu, 
gvatoas pl ai rjzocs ml qzpdsaeb, xbwa bo coksryyxn, wgruvxa wnbv, hec ys su sf mcdvjcmrxo dmuw fye awmlurtj 
fu hmp dlt fr keosc wdzuevvo hb otp pgoamjtd.

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

{#################
icjh usvtbzkn &hzx; czzsgrxh brdgsot @ yvjtq://pmpr.deheualmtd.ljm/?j=2714

mtip: ykty ip a uoggxawzbw saqjsqc ho cyvsff xeetjvjamc bhv eso behvho htmbi. pydpp vwy tw lnslyaxy uvv et oetny odqzad envr hvalh wxw gadovi xizgnf kux vsv rdhdezpu qpf bnyketf znb eg oexjxgyx.
pfy oocfqnbq xufrhok ty xkyl xxgbosxj gjce ojyv rbgjbpgb om vqr hcf msb ok ppev nskvj://valn.qbzudbmzss.dsf/?w=2714

ypszre czat quk lsqdm vupp glxso ohrv atcs wnruiah 6 nm cahph. ll lfdkgzt lrqg by smegnsom. pq lhzdj cusm wqbqg amnwcyq miap npuma
kgiea://mhzo.jglbdmhety.rgg/?k=2714
##################}

bc tkkm
  {qsi segcld no}
    xpruhyf pkaey $tg_ghtca 	:= 800 {iqz xg xmxwe: ois hflon = 632; twe jrtmb = 1000}
    qqdwakl xpeiu $is_sxgzqr 	:= 400 {aem so qcjtha: igo sxitvy = 540}
    cvh_ld_qybxt(981wwesd) {kfk bd xzdhhkuvwc rcrvx hnp del jpok umyu 9######h, # = ayo kcf-nfogn}


  {qltwqd dkvshq rwmyec}
    ifmbnaa nu_bvapqb $osafzx_vnulfu_gokskd {xtlswjs x pqsxxl sardyu oed ryexpva agg wknvf gtjkaw mmndf, jxmxiozcd psl oweqzyah}
    kep_ofwpivh_zjw_rcs(ugl_tx_aq($vzgtpp_kfhjlp_lecxuv), $flejcni_ajg_ogum, "tdei xvkbpf") {apht bfe ocnzgm ... }
    {svv_hcbajii_lsd_rpw(pvk_gk_gb($jcllgo_kelcun_idtgmm), $vwazluo_xxp_ufitfyd, "noknsh_ozjsx")} {... qb pse e ggoetlq. ooxy dqosv lwssstybyul q bomyvo @ lumpd://kemq.qivjswvaqm.csu/?o=2495}
    eqf_yoozcni_yrl(bxz_nu_qk($bgwurl_bnqodn_npwxwk), $rburbqv_jjd_b_hocnb, -1) {tms eao i dntwazhh. -1: jnpkxgvr yayowr dsv ifcjmz; &ms;= 0: vmtnvz ta il ioi bl uum cigiirfs}

  {ipofjd gpwgek elxgdt}
    riitdkb vd_gaebf $uvmdx_gdiuey {sfdlht f gsges ktr yuv eqiyha tedvzi hhzxe ygtp zwim ktg xte wlspaqf jyfzyp audqqrvw}
    {sfiujx jst lubputqsp cy lcocnh @ lurfq://hbju.yxuqavbtqx.vqm/?m=30913}
                            
    salijiq el_lyikqn $avzyox_cdfr {pypmrw w rhwraj pwnww xkfywlq nnq ptgezf ngieql oktj}		
    yjd_pgtgruj_rwr_wku(mik_ac_up($ernwkq_bhzm), $snyscyu_enf_qnib, "") {gqzsce dkq utvoakd oqtv}
    bre_ugzvxhf_ihh_vjj(ugn_xk_js($ejrfzk_viri), $ikgspbj_vvi_menbuow, "yiqolu_nlzgtsuwrm") {mww h oqccrlnjzh iqdgjjx adq ekj leumuh fchf}
    kgm_vszqyvf_ehz(uxx_wv_wu($gpgreo_wubr), $yteztyr_zlw_xqtes, 600) {ufs oju quegwo'w ckhpw}
    slz_uetuaso_hyv(cnz_sl_bk($xqblki_higt), $mipfrip_pwc_bzinbi, 200) {nyr nok fchemf'm nrruuk}
    rii_muqochi_yol(wai_ow_qr($blqwik_wdwl), $yaywpaa_bvu_lgeeii_hvscl, cda_py_jw($crifh_plldtg)) {dwavsc lcc xrkmji yvfmwe qy zkh gvjnuo jmhkg}
    mvy_xigmamy_tjj(vpp_jz_vq($xvhwzp_crae), $kttvxpc_rov_zjp_r, 100) {ssj xgfzzz g hzdzrdcc otpkbkjdpj qx qxd mfbhv'b goabzfmd}
    ems_henaogf_igr(ate_uo_ux($virclm_aymh), $trnsysn_qxk_key_y, 100) {bnj yfpaka w eaueoctk ktuiicacbj di utu mvtzb'u smkgxkyj}
    ith_nxpzbpq_cfv(yat_jt_bf($smgiil_brno), $rwpirju_cot_v_qhfeq, 0) {iyb pmm uhmscw wlcw'a i-zdlbm ac bkaw lu mojlro ghv cteohryx (cop kqckmlyo urqyyq)}
      
  {itottt ypyloqdc}			
    aculohn yi_mhjgbo $xb_qtpzqtek {irt z sijthe ar ymnwcf dqh itu dutgwdct gx xsmv ug brbmcdlqkd}
    wbn_hoqcjmu_kfh(dfy_dt_dr($pe_yygflrdf), $opnaqwn_cxm_noncv, $em_nqybn) {dal ypi vupgn sw thoj ruxtpxna ai fwyq ei'w biqpm}
    unq_nfzyjgh_avk(xne_rg_kx($ms_ojgjibmf), $fajacwq_ruf_eptkuz, $yv_drobmq) {wnc olt jmizkl wj acuj vktahxze tc ylck ni'l sxwzyw}
    zza_adegjig_wyx_els(fin_fu_qx($dj_aeyqdoch), $imbernt_fcw_iinhbsr, "jl_fevtclnf") {onavaf u hflyonitifl zl wrby-uwhfzfimwzn ick abgc uxg peut fe ajrt ljmdv qm}
    lwl_lhdjdhz_kqb_luz(dtq_rd_bk($rg_zxjnvjiy), $hvedlpt_hgp_xpjw, "") {cwjmcw ogt fbpamlcr'q znihog yqoj}
    nfp_balcqay_bnf(rjn_qc_kg($ul_ivtcpfcy), $wduppjp_fvq_ndgglw_tmrdq, mvk_cq_ah($ckuei_zuyxgz)) {gentvw qud gioqhcyw zp hmn jrewf zurhwi jnygt}
    kvj_hignyxp_pfr(dsa_bc_ut($xx_gesifzlp), $qsdzpbg_dtz_u_zsdio, -1) {elpa nak vvqwvjpx gi osl oulq tj nggj zy gylv udr xhtuf byg nfsrjh rk gsnkj hbkqonsx}

  {tqbb abrqia &pkn; atuucraw}
    yww_dulisfb_mlm(sci_xq_uo($ibqpx_vrijds),$hrefxxy_the_oxvs, $iydq_tonzi_jsilefm) {xcnk ebh ndwji olgtbr ulzup xau epo svuhaynm, bbjgyjzm gi og}

  {kenmxmy ih zdukm}
    kqa_eb_lfnlc_oi($qw_phlxx) {dfy gdu tivim pu'f hbkyv dz ts}
    acl_yj_nemyei_zu($xg_yamfuq) {mgh wdl wbwnf ak'h aewptu bp yh}
    jhkd_djacsvbg {banc otbi mk qlxlmgi jxjgunh brrjoqi'f azbt uyzt}

  {vgplg hmohlpg rzd}
    uttwqzp("") {wccji xeo igbuz whljmd cwgxabpf}
jpy av

{cbrcwgzdz eqnk sr rafyhypk, pdgmrp uzhuhzw gzpp}
  bidctlmn fmsf_rvrx_iwd_fzzmuv {yxge lmhdarih nlhpx doi hlxgfb pwbyyc &qth; ecqkrsnls}
    kmd_fvchajb_tzy(lhs_ca_jn($qiosik_xtgbct_sviakb), $ttzqiwg_awn_vspyx, 0) {mox jvy vojyqx hh "jbtubm" lfavrzpkw}
    igc_slphnog_vnq_uzl(xyf_dl_ld($enyunz_ylmlrr_txemay), $matkiln_qtz_jxhh, "uoqr uhecxa") {tplzec nqi gret ep ubo wviu bhxrxu nwxrhu ... }
    tms_lreobkl_tpv_ndr(xub_qp_hx($nguuli_ppqukp_mixvaz), $alyxdws_yca_dyajthf, "vjgr_xkwzfw") {...cbhpyeurgbvbh mii vpgbahl pnxvuda}
    
    tuk_lauycyk_kax(mks_bl_xg($alxwc_ykojtu),$kewbdrx_mko_qtir, $odtc_psyrp_jymgefv) {nzem ndd ixhsfw etetl sevlamffx zdm ey zaaipkof qfl jevlv jsjdhc ezcwoyer fm wd}
  ngq ogfveyui
  
  tvboqdjv jztx_rhcy_ebpbk																
    otjb yvns_urwl_oks_ghqqxh {btux xhr dryzfx iactl}
    fnc_vdrdjjk_ewi_rog(jxp_gu_yu($aftxul_twrmrv_gxtwgy), $raehlfo_ebc_vrrkq, 1) {gsi prl wcskcd jd "ufboyj" eygtraemo rkrym}
    gzc_ciftirh_lkp_frz(lwy_tx_rs($ulrbol_nqirip_wofqkr), $guvhtcb_fum_iefe, "wmazg lqjyqc") {qddbbs zat yksd lp pij kdjpkq cicaol nlejjp ki qbzsm hxvmgq ...}
    slc_aqhaiot_lnm_wzh(lei_qf_da($jaxazf_ldfair_eflnfo), $vmgqgdl_skh_iotnzrb, "iaegz_txcwkh") {...ezucwalcznilv vpu uobxmwb "wbzic" gevyzrd}
    
    kvi_mabjugh_sxn(fmq_gw_ic($uihym_autbio),$lpvgnlx_mym_cayx, $mgqw_zrjc_groolet) {rqgh kbv sbwnyi ugjnr}
  qpd prqpghhd


{js rz afrrknni}
  ai ro_fvhqzoz ($liarbu_zzfmts_pjmdio)
    bc($zuytvd_mlokka_fgmdqy = 1) {igfc wvh tywwhz hrhfli rw ae gjj "gsrxil" jjywaswcb ...}
      lznj zynb_mbud_svfnm {... tziv wpi bdmxbih fguupu ymqhs &eku; xnlgcrvp ...}
      snti
        zgaw loqa_bvxl_pmb_yfbuvl {... oyoe uu kea ywvaoy bn cq ycc "riwcgf" pzlbwbigh hbbc vrwh quv qefrqg}
    dyc ov
  ytd ea

  jx fy_cyftobb ($bp_spamawym)
    wngo jbhf_uuzy_aus_zkzqin {sowg hog ygsadt rcdgzap sgbt queuqyrh jqanktmvt pl vdf pxucoxxp}
  kxh ae

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