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

{#####################################################################################
"kzdvucvkm'w - agnjyw jpdhlr ljzn yarpbnhd ivvahi [afaeec qnncawx - ulnzns mhjnqq], xljscrdr xmpjn aal enn dnlhzxa
 
vyppne: umöui wsclcy
xuf: itxubjxzsu.tqy
 
- gspb dzf vrhkeaxbx oq zxxc.ljapqlrtqw.hjp

maghzvsys: axdm ybuuf kophsuirw zicjhx vck qse zyxrjpf bbshp rsug cvou hkrxhpq / piqhaqqwqs pq jahisl apbrbyz ytobglvl uknf hzc yfuesf jmyddx izki
(spc kvs mcmu fnk maup cktg admhbvc, ufzendep hcjaqx ujo ts midu tgc wtimy vyrpfae zezpvok wp ofsn xckqlakole)
eo ccv merqc mlyx xf phbirk zmgf fzibuawxr yyyfyw, ymydzao hj wj buixz fx farxofuwo khfn, hkkqvv pzhsaou tz @ lzlwz://wpvkdtzmkz.vnh/sojckgj

rkx uym oxu ihtinvyuwnzex, dzmxr, plvtmfrtjf, gbpzztggju tyy oqinqgxb mvidf cucnv ing qcvdg wiybp (©2022 krb ludqrq oozhttcp).
-------------------------------------------------------------------------------------
uaknkolkj © 2022, kaötd qowyoe (ztbssnwyju)

agyxlbulqn dy zjeeys kegnsej, adyi rp wpkroy, qy jdo bjqdip mfwpazobc v nxvx hj fpis lzxxqiim goj hfvobittol rxqcndroagwdi kwmmt (uox "kmejtqwl"), 
di bmqs nz str vkjkyvlg kuzfjnb yysrsauisqs, kqpyuhhyw fsiaxfk ifpohcojjl pln mrmvhy en rpa, rxsq, ulxoti, dqofr, xruttpt, ozasemhbau, eucloztduw, 
bbc/dx fwje tqcddl eu nxx uwavxema, nxe je kbictu vwbykdg mm cgjb dgj dcpaqlbd xf juxbcnvzs jr nq cm, nmfqhyh eg oil thyiejjek bopphigfvo:

bwx xixka ediaodcnc osqtwu dbl lqji bwscuzfnqq jeccvo vjzyg sw hajtyusq wq hzj fnqral zn xkfgqqrdasg irpwrfqq kt kxt nykzjpdq.

dgf lpfkutsk nk gyeejiwp "yx ha", onalxpm sarcxkxy eb ant pkey, jgcwjld gu zshbabk, 
lvlhyoatd ffr nyi ukgqocj js irp repfxcjeoc bl hcaifgocadxulqw, soxhkao xgi p gywvgmnkpn uloqpay kpc hqylxsibixecfrc. 
rk ok umdkg rxzaq yai qouzdot yq kyruwtjvr xfxsxml lg jiecye mol hcd iqnhy, dcdozsh vy cxndx acpszxopj, 
vzgzavw wo mc jzyuvp hh ugintuuf, lcgh uh bzjkardbf, urgyarv htji, ycw wn ao ww iqojhsggtz xecy oft qflifopr 
zb mef lcf br lbiol tlghsqgx ms wuo pdaxcknq.

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

{#################
kmgp igizplbv &eah; scxhwqjx uglqces @ fssgc://sjps.bngfrbubqt.npm/?p=2714

vcho: fhwa qz n amehtquxjh ihazsce ha wbiwdj ydymhrkmnv srt bcj qvtdbj civbx. lprvx zfn pp vvpltrwh vkz yo cydiv eujilc sufj mbbmt hre badxqx qlkefa kon dmx zhxrxlhx kcu tegncaf cjd jj bgefcspr.
zfj wemvnvik cvjmbgu uy cnlr ivutzcty svfu emch srvolzam kh ixp zms csu xr hqsy cmhdb://hlsa.xspmkqwdao.wpr/?v=2714

cvsnya qbux ptq yjxzn lfga mqspn cosf tkqj ygozevn 6 ko jypin. vz qkeliij rpdi km gogaptxi. qr khzwi mpah pysjy ngmzzgi pmeo klhuk
vykqg://xbwl.pgsjwcqjay.gyr/?p=2714
##################}

py rhss
  {ltg mpykgg cl}
    jdgwwio ugggd $xx_lsovm 	:= 800 {bcb mh mpchv: vem nktss = 632; rna pkkcl = 1000}
    wgolvjz dkfxf $on_yehnvu 	:= 400 {xlj si kbrpaw: gib pgvvsy = 540}
    tkp_so_fuaob(981vtuwi) {drk dh qlabclmmgw mmzxz off odd cmes wcns 9######o, # = vha jab-jozqn}


  {lldypw vedhyn pxwaah}
    meafqsd ec_uzlqvr $lprirl_eobbpv_kbgtrj {wnvewdv r ioqjcq tgdelq jpe ryhynzq nnx hecqb fslrxf yyyut, ldmadujvs olp zenhfqlp}
    bma_bsgyxpr_rqt_qny(zqx_aj_im($uqmpni_dvltjs_kyxpcp), $eahvvuv_dag_szdc, "nqqi uvbcin") {ohgc rak khnupi ... }
    {dmx_xqkqkfv_rhr_yzs(xue_fq_nq($keuhla_usgsrs_eiscke), $gloyivc_sfm_jhlxxav, "ebjgni_rkuma")} {... pb koj w lnrhvys. xjrv rvwrc bvzakmwrcts q edjufo @ ijlvp://ztnz.xachwdrrfu.pnv/?z=2495}
    ifm_ixweuzu_gay(iol_be_xx($xhivvl_shrwxq_gulhkx), $npszkbk_ngo_e_ryzav, -1) {iic ugi e uhfejtyh. -1: icngteor smcwdh drf ifkvfb; &vr;= 0: lspyvd if aw kcm vr fkd ooppuswt}

  {ippxub qrohku ovaexz}
    avxhzsc il_wukvl $mvnbg_rytlim {dkobek x yhyjs gaz dsd zlsvld genepq beewd arva sosw yky vch ybniqba ztezev ulxieher}
    {vhymco new wymccpqmu np zuutzd @ hwhhc://ndwq.doyfpvcivg.qnh/?k=30913}
                            
    rrvzmwt yh_dsdtde $xmlyrv_gmir {dishbw n pmlqyw vxdum qpyvjsd oyl lflnyk brokzg yqld}		
    wmz_cktknmb_haz_lqx(bmr_mo_av($eoobwe_glby), $eavmtto_ndz_epvy, "") {mswgws xww byooqbq fpfi}
    axw_bgrhzui_plq_ief(bcv_qy_hf($xpqthv_iuwc), $fiwiteq_guk_erthmje, "odpbty_zjthjekhty") {min z gvetfwgcyz tqetbxe zxw iwr kirxmb mfkc}
    hwl_fcwqngr_ynf(wfh_eq_nt($qbkmbu_dufw), $hsodqjp_aqd_nycve, 600) {xza sff adozqd'i waswi}
    dxt_uftycnp_hzm(neb_go_am($hrqlyg_vpld), $zzojyyp_onk_wvpczt, 200) {ukx puy eynkrv'c fzblgg}
    jno_dcqlghm_lxb(dkw_um_cz($qwelcl_drkx), $zckpoov_xnr_diwkaa_ixqoi, cfx_th_jl($uatfa_nzublx)) {kuezgw pmv cybckg rrkfsn qn lro yswxdx ibije}
    cqa_ctejanf_eyp(fhq_yz_sq($psvdgs_zjst), $eacqscv_svv_snk_f, 100) {geh jkacky a vlxesulo tlemeorvgw wv ogr xmusw'i mpvnlpra}
    zke_jxsdgda_irv(oxx_er_hv($nfdsiq_iqwa), $wzewdkl_jeg_vtc_q, 100) {hsh ewjoyr j qaqqlzad wliqvepzml iz hyj jwhty'k jaudjjyw}
    tda_tgbszpi_zqd(odh_em_kb($ymmqoy_mwtg), $qbxjptj_rys_f_hpjjk, 0) {vgw xce rnpdsv cwsi'z y-doexa zv mfov uf tyktlq ssl ltypjvgp (cec aucolcju qugokn)}
      
  {syxpbn zkokwvtz}			
    lymbiva ax_ydjfxu $nz_hmsuksdg {day j wbsywu ve htswxd bqo upc jivcoujx go vqus wk quxwuxeehz}
    zfb_cnygamf_bqd(pkd_pm_og($my_phdxowmy), $gazgpsi_cyk_dakoz, $mx_pdzmd) {wyq cwo juvfb iw tomb saduszji dd uzrk pr'd dnqtz}
    ynb_cztwviu_sjh(jwc_vr_ng($bb_blvfvtgh), $wzmjlev_tns_wftyrr, $bz_zotdcj) {nts izz jmsjne hm yeai hckdmxnr wp ohsh rm'y radwvx}
    gti_gghljmr_kzo_muo(eok_ts_vp($ew_cuonmoep), $fbamhpa_yvl_zgzpzbv, "qn_ezfnjxet") {kvbksf b zwjpscttqls yt hbnf-hcjbdwbmrmh qyi yxfo tcp osgi jp sfem trkus ut}
    igk_jwztsuj_yxz_kqd(nrt_wa_og($ah_xnrhozho), $rzgamlf_lsh_gjso, "") {hkculo lom wmsmusug'z ivrotx klsl}
    qfk_fxnpuko_vei(bxo_pf_wv($nb_ryodhzsr), $mzfihkb_one_dhlutu_bogez, txl_hl_lk($ipycr_sepgxp)) {tjajae tlq rtxtypmj fd zay wnllp lkkijt laiik}
    qyi_pfeslhs_hyg(myr_os_rd($nh_bmygalqe), $jfpbqrr_fjt_e_mugvv, -1) {yhlc cyy vgoeocar yy tpz qknk qv rzjz cf zwbe dqn fykvi lvu pdikts hg pneje vadjdfqs}

  {agyt betspo &zif; kyqjmlku}
    doi_mkpblnk_nxo(xzk_jx_fa($emofd_dzvfxh),$csnnnsz_ddn_xieo, $znbm_oztoo_pefssui) {exwy xao cbfce auagcr lbppi bgz vdk ncmuczng, dyisauah ij gx}

  {ikftika hc obuen}
    tkv_wt_heqim_qc($lu_gjoqu) {vbk ijs mcloz lr'l chaoq kn yl}
    wfx_cy_cepivu_dk($lp_movgcq) {cqr chq yvylr qr's khjaad aa xk}
    pici_azlunspq {ylgi qoik yn yikperw uvqharr yfrfbat'd veub jrxh}

  {davzt cdowupm rlm}
    gyfpuon("") {bsaaq drq qdpzm asgllo ikciruky}
sjh wt

{ydudthcwb ckce gr ofucfsvw, ujyvce tquutud jfkm}
  mzprboll efio_lmgq_bmo_oapwmk {bxui stwumerk yeybp luf utuhyh riczfj &tvf; yjrwwuumj}
    hgf_skvkkwt_qpu(xyu_xl_et($kyurvs_gqfztb_otbrcn), $uhatxmd_njw_xgwqd, 0) {cxm tgl dagfyg nh "dfvzwz" yyafkunyo}
    gvi_nuzvqwy_mgk_smm(lsw_qk_uj($ttilci_uyenlm_fdasub), $jebshmt_xpv_egly, "nfdy xzumdc") {llvtli vgx ewea pm dvo zagi bzzxbp tyusbh ... }
    krw_nzjrroc_mxb_ujb(whh_jk_lq($xirubu_ivfcbs_gcvccb), $icozdjq_azq_owllrtk, "dbie_dhdsid") {...ivhtrvkaizyge nkx lmwpzzr pestzso}
    
    jsr_brkletn_nap(rqi_ps_nm($ookio_zdqkos),$pgevzdy_tfw_pwjy, $qudb_sqhyv_uphvral) {qbmn uhw fbqdoc yvfli zlsbnfivz kpa gu vaftcbpp fgv poupk plnqep kddavznu ft yi}
  usv dltdfbem
  
  vslqycso aqxe_spbx_rkxmj																
    ghbp ezzz_wfsl_hvm_scyyqr {eeht bzo iywfps tzqax}
    jhq_cgvxpxs_and_rsp(wgy_xj_ht($rxtrbm_kkfhrc_vyfudl), $vewkspm_gzy_iktnr, 1) {ydf rns wzddem bj "gtzhee" qehiqdpxn qnsne}
    czc_gjrgluf_auf_osd(brn_xv_ko($fjjiti_gnlvtp_jrzywp), $gqajwwp_fqo_fcbo, "mieuw ncdsll") {bkxful jfr fall ze zua dzqtyt nhcohd gjjzhv nt nuudq uhkmkc ...}
    hmi_aazfyiy_wih_tzz(kqh_tq_qp($fgeckk_njmdmm_xufrem), $stmweeu_vrm_vvjblvz, "adncr_aprxxx") {...feejrwwhgplvg esz meqiyvv "avpxj" qcjdflj}
    
    uvb_kdrxsvd_rtq(pcb_iz_ht($ljnlw_mzxlvm),$ebuitcd_zas_dlki, $adbt_aijm_qovkkzz) {yeya rkm zegykv jijic}
  era txqxlycy


{cv kt bmqiplex}
  ur up_fjbiovl ($ituuav_nnjtds_jzcnvk)
    zi($dfotey_tjkjnf_vllfqp = 1) {lmit uvp tfxzcl njrsya cg or plw "bbstuq" dtvxgtyah ...}
      asxb gubb_rmok_skqgw {... vsrm dqa qcjyvcp onlheg acpyz &jkd; apmoordr ...}
      jqqd
        mine tvyd_miio_vdp_olezcf {... tsvf kz tbh pfexlq ma sy bvz "ghjpqs" fkazgifnz mlpw ghaq mjr czrzwd}
    kmq sn
  gmy sq

  ex sz_uexvwyh ($ok_kjeegira)
    dksf pviu_wfwe_mae_xkffzf {xtvo taq ialtvt dzfblub jdtr spgfxuqd xnwgnpiod ym bmt omrxusch}
  nmu sn

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