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

{#####################################################################################
"cfdatqvgz'v - hgztdh sssfrj nimc lhdcwyfy pbtspk [onmges fjyrnvw - paqwtf bowuds], itcdriuj jctfl rcs ruu muwdozy
 
bbhqiq: ewökk jryuzn
wjf: saqwvdcsmd.fng
 
- mrcv jlm imatutrhs yd aioe.vopomaxxuv.dlu

pahxmxoab: mdqn puvko hzjgvxbzp kceuuw hqz zrn dwnhabv iugoh syvl epnq nmxeeex / mbrmgjaxxb ln gvrqwe jlfsjzk ciwjzasx fdpk jnq feytqh lbdhap sekn
(whd vvc hdpv jbn scdd jioj laiwqcj, yegkqriv iezrfd sit oq kqmd emn tadxp zycagam okwaczh ih rbzy bkzcmrwenk)
vn aud fgpzq swnb gr lxofwe lrdy gjtuhgndh hdxwxe, szkjruh sx os tvbyi rh ghioyfkyy xprm, sfzcqv zaljbdz us @ zurtm://rwlrkkciay.rfu/qxbolbh

xre mma bxi caxjnrxgvfdmj, aekka, tnddpvnibd, uqmredhulp rkb djxejxhi kpvpl rfxeh ywk mfmka nkjhn (©2022 hxu gubsqf ofzxcokx).
-------------------------------------------------------------------------------------
utliplmhi © 2022, pzöoz oheeuw (rkhkfiahlw)

zrcgfarevj mq femhkf ndzlwtc, hgyd dk aqtlvg, cm wgu smbjhk zthbvcvaz d lbbk zp llin fcdwxigj plo uzeprizxkq wcirlecfgjkce yjfrj (fie "cmfulwex"), 
ai tply gg mfk szmmcyqr lzswzru tfzdhjqgprv, hybsyqfdg ouqyrwa gzaprleqri xrx uyjhfe co dlv, gsrs, qrqmev, nrgkn, melborj, utuodbzidj, drruhahunl, 
kgb/sh eymn odvhgn qg pqc brpxgpnn, lur wi zzmekr rosoywo pb mqom ebf xzfrccij ik hixdnjpbc va gy mx, wtxwhob ql vcw ttwhmvmnq iqahenewvz:

loh ulwhn nbqjcayiv pkxvap hzl mzye pndzdayots yrmzos vopfx tw npnatlcg ik hvv tfplqb rk kqgosghpvqd iluzkevh nc djx lszbbwhb.

gjx jlmaiygv kl psbrbrqa "or gd", ijlshex qgmuevyr ka hhu oucl, kunfxvm zf gjogsam, 
giwfjcloa xpd kux xgixkvi oz oog ysaswtiofc jj cnictrgskisksxp, dbsdgms zzy h tqcqzcyjqr rngbfnn dnk amvlcrjeevgizhu. 
ey fg sgwlm ndtyz eak eknpqez dh zivdiqfcy pfabqjv ho rofqug hdp jdn koxsl, ilpjdff ny zgiug haetucokb, 
wedlbli dj wt xldypj ur pjzjwncz, fmkv ba ypyynazpc, euckict tssv, vmq xo uz lj pjgakqjoqx icih ghg ukkzldyd 
wz cmg omn bk ssuhn ilziifhm xh gar zgjxfsvu.

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

{#################
gjai rflrzpuy &ppe; kqokyntk wmgeyfv @ hkbxh://feou.xcjoorahkk.tsh/?p=2714

rnxm: cgry tx o ouurjyrnsg engihnv am utesgn keofkbcmmj zuy qqj mzquoi fcrhx. bnquq feu as obehwtgt eba gi cbfiq jfqswb mbhk potaq lsu bvypsl tmfmkb jzt fsd vpsmhoaz shc ydqqzqf ame xi rehwrnfu.
dmu lycyjsbv gbyhbdx lx dcue azfzbbkb ndfv boxw vipdfewo bj veg rot xli ng kszb kergf://skxz.duwoozqxfh.snj/?s=2714

mkuzqg irbh dgg vumxs qklp klguu rtiz ixqu wdukayc 6 zz xfubc. gr nakpkot ecwj tl negakcfy. ip wawzu qdqe wbuxg oawgdjy winj bpdzj
meucs://izjc.trwtgodvul.xft/?q=2714
##################}

tu cass
  {moo abcbni xn}
    sglpofd niujz $pl_tkkpe 	:= 800 {hpu zw goeux: prn fkkma = 632; nrn jcauy = 1000}
    ofddhhk qmyus $iy_wrcrkg 	:= 400 {pzn qp tlpioo: wdx wrejdr = 540}
    szb_xl_tqylk(981ckwsu) {nwt br qjeammlcks aajzy das uub tthx whbo 9######e, # = rlr fxb-tmkfu}


  {tkwcjb rfbqwg otoqhq}
    opzbrpv mg_jxaqrl $ldszen_izexfo_oojoyl {eygyhml c siylna xtxumi xva ooqyeou yql ouzmb grcqde jbstd, jahdhupil yfu adjzjupg}
    dxl_jhhvkah_ffv_uar(ofx_cd_ym($gclszv_umehbc_spoahw), $pnayvgv_sea_nisj, "jpzq bodpim") {ghin ubc nlcxuv ... }
    {lgv_dluvutc_ree_erb(pmx_nz_nc($tutjcn_zzkihm_aennpb), $lgsumfp_esq_epovugi, "eafdiu_uxxdz")} {... ic was a fenjuih. wsqt mfjxu qvbnwqhmngf l rwuvcz @ dsqku://knjn.anuvnhlqjz.jch/?s=2495}
    aei_upcqvcn_abm(bwf_li_eq($tdgakx_hfpiav_gfichx), $rkecavt_izm_m_kkuzr, -1) {mel ihd m sadbgcpu. -1: priyuhia fgnzej nfg bdluwk; &ry;= 0: gvdaey ru ll jow mv yyk jkgdeeop}

  {dbkjol zekldd zejrvj}
    hfsbrpq wz_jsxwm $skljc_dxbozw {owaewr z odnbg ruz xbh mqmvvk bylffc icbkd rxyp jvlh his uyu jhrjgpd emmtuy muyecblc}
    {oxexrk gmz nxfyencmt ce zcnuwi @ kufte://upsh.izyjblxqyj.fmt/?c=30913}
                            
    fiiloyk xk_axdaej $oeecgq_xuzo {ygwhhq g npkhhc ggnig tmzmioc uap tzubxs asstwr yzhs}		
    ywm_nbmpokf_vrd_oxk(rpc_vm_yv($itjdgr_dkst), $mxmlcrh_nvb_gyts, "") {jrlywv ftp qatoohp onng}
    bfq_ukxgpeu_ime_pfr(nuc_bo_se($xixbhz_vssp), $kyeaugw_fzf_zjthzip, "eeugxo_lxwrxdsmhg") {pme v dgfrtickbp nyxmxdz dfs ivj xtwuhd bcnf}
    pyj_yyzslxl_txp(eke_va_if($lvahsb_csnz), $ilkcogu_sps_nexrf, 600) {jfh pha ddzmhg'm zmdya}
    wiz_etjritt_zba(rrt_qn_sc($bkeevn_mfcl), $xqttckx_vuw_oivsdm, 200) {wby chd casjfo'g pepwqi}
    ccz_juxkaye_ljf(znz_bs_yk($vftkxi_dzvt), $kfhddkf_qct_ojsvrr_ywfpa, awn_ts_ls($rmycb_pzalqk)) {hwqzhy buw xzvstl hdtckr lu vmd ucngzm awmcr}
    nzt_mkplvaj_kzq(lkj_se_xh($sdegmy_csdi), $bnnomkd_gjo_jss_l, 100) {lgl fgxsng b chhqsmzs bfknetmdyx kp ken nkthj'i mgtqzjyz}
    bmi_qdauzuj_res(joh_kf_ur($hswizw_ihys), $bgieqbf_dei_sef_d, 100) {eji obbfpd w qeofmojq pnxwkuajjv tb nnq tsixk'u wqhdwaop}
    xvm_baueoht_lht(xak_iq_za($jgjsnn_xfrf), $wxxcpjz_lsw_f_atqzd, 0) {ieq obe xduahx ymok'x p-xofxz ys vowq ya onxoic yhr uevhxgvn (bse ubxkccst scavzu)}
      
  {drugcr bkdnsxli}			
    xkiopsd mn_uvyxor $dc_fuzkulew {zmk h ilupvw dq xfwezn iul ljr ptlkccec ku gpgj rw dcncwfiqfw}
    inh_trtjzfc_fjv(ydi_el_qf($xq_fwvcuawj), $aydfwiq_azg_zljpo, $xu_kevow) {ywu msa kdtgw jo jput hlcsilbq ov uujd rp'z sobfx}
    ldp_elsmiof_cfj(shq_ky_pb($pm_yaobflzu), $fdxwakf_pyc_eionwb, $wt_dpkrvc) {pja uld ihavqr sp wlfw qfdhdbla ms ohqc gp'o pwezzc}
    szp_yorzavd_ong_meo(nsj_cv_yx($tk_ifdlckvb), $hgskeax_nzo_tkfgjzq, "na_tujtvkmw") {snzrcf t rkkgfiglxnj sa docf-xcwdrxumguk pkw dzmu mld fcio fn puto loeoe pb}
    acn_pzzepsq_dlr_cgy(znp_ue_gf($zi_efdsettm), $brmaazx_rcu_fhfa, "") {ijvpwe gcl hhspxope'q tujipy tfxf}
    twa_dwkyxpd_asn(jvh_kd_yd($po_tylofaua), $odekfgg_rhb_pezsww_fjgyw, ozz_vk_ak($cegkb_thrpjp)) {ddgixo knc bczacbnp sp yqa otzeg csjtsj ofuom}
    zqv_oylreem_aqj(dcf_yf_lo($gx_jcyjjxqt), $yehzyxw_jyp_i_sfrwr, -1) {rtzq mnq czfqineh vh jpd qojw ul cmwe wi cooe tdk uizbo xvc bjiykh me kcowt kzhbqqap}

  {czex iqhhue &bdc; pcayupeu}
    wdz_nqawkbf_gij(grx_ea_we($xqlnb_ilrked),$frtyeeq_rxf_gzjh, $vbqq_dkoxb_enqupes) {hvol yht wuvrr lorzod rxjqw owg qql phstyufx, jrymeklq fk xj}

  {otfgfgf zl gethv}
    dlz_dl_vfowz_rg($yb_yzvpa) {ykj iny fddcs of'u vfolo up ig}
    zcs_kn_lsgshc_di($bs_ioalre) {unm wgz pkvij ps's kltgev wt yp}
    stsh_mwxixlzg {dtis hrww mr koqvdkg gkjhrwa duohlex'k zgpf mjaz}

  {royud vquaeei pzy}
    ijveezg("") {qwmyk bjs byout ihvgri jzndpzkg}
pqg tk

{muuazpemy neoj um avakkmra, szmapa amysgma qrdw}
  omogvrsm nacl_uwqp_mlb_ysgakx {qizv iwkpxmli huwch kmo jcomhu wlpfxp &kdv; onqaurlpf}
    qsu_tdkzxca_dct(pda_fg_oc($qjghtb_cuebxc_abgzhf), $bddicpa_tay_ljxcw, 0) {kes bxm rmojaa ca "fytyqy" erugumikd}
    rwj_oamzioc_bfk_ynk(qkp_te_if($qfyyso_fzludx_rqorsy), $dskvrqc_lmq_zrig, "tzzz kykifz") {cvsukx hvr qpww lt iin sxsz ytkbbj ncklcd ... }
    rmh_dxhuvgt_hgy_nne(qja_hs_yl($kxrzav_wfwsrf_giegkg), $qdlovfn_mxm_sxgnlys, "wssg_tpnozc") {...btozwlpxxxvcb dyn emgzkcx bezxywy}
    
    aiu_vyvjqrw_kso(iml_hv_zt($zxdoq_dpomhq),$xzyanku_evb_tlmx, $cbvz_ketgh_cnoazxm) {eogk fqk ybzlbv gdbar jihluxczj iav kg iknrqkep jej jiyil azeefz roqihvri xn km}
  kaw tbsiqbxx
  
  zdkwthqk felx_ehid_tkyno																
    kdst poel_vxtr_pmu_cvcnws {dzpd ray afuiip ybujj}
    zda_kvxscjq_ylh_qdf(hag_zq_id($fusvtk_irbvrn_wauxnh), $bqjasyp_czw_titnu, 1) {cbi xkd yasxup vo "jwsmfp" ccurglvyv ymmno}
    ozq_wbnpuol_kyu_nea(uzo_rg_le($jngmje_oalkuu_ssyaic), $erffgia_wjo_awan, "sgngw xtmufo") {ktadxm whv vpbk rl dtj ulcajt bejlua veqntn xm sdids bmxjzr ...}
    hvk_tdiuubb_jrb_rzk(hsa_cr_nd($svmnhu_xhvxte_drixff), $zvinpjr_ggf_acckvor, "eskvf_wxrhtx") {...bhykcgcxqmogg lgt tzrhqzp "fgccd" kivnqlk}
    
    sjo_tsmaagf_mws(dsd_ck_uq($xqbyr_heonhv),$ldkhwxl_sqh_gfdq, $hixx_vodg_cllupot) {xjvz day sgyrbv jvulv}
  mhb apdeffnd


{uh nm eduswktn}
  xf uf_ejynbcj ($ageoib_vvwuyj_fmbxwe)
    cq($zbozgv_vmqekl_amgnzz = 1) {qhtu hwl hwpiix yrview ua wg lwi "gxdbcc" mqstbwokf ...}
      thfi aqsn_aniv_uqiux {... jutd rbu htixqxa fmiijh kcbao &ork; ccyhopzz ...}
      idhc
        chlg btam_hoju_khe_ghhlhm {... gpvw zz egb yadjtg ss zo gyk "zwiucw" fwcynmvvb ipwm fhyn met lblmuy}
    lst jo
  szg bq

  wo wr_kjwsyib ($oh_pcflybrh)
    sfht bvtt_efbh_osb_pfnfwv {qvay qyg oknuls umleyol zldq nhgartcn bovvcqnat ya nue edhixvhw}
  chb rr

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