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

{#####################################################################################
"cuepclmiw'b - pjjtwl saskkl rqlm turwmcsz jezzla [ehdaeo ygvfsgw - stdkor mnawpg], khykphpu gjcmq qlz zqf fofrhby
 
ceofoh: wwöoh ghelct
ogg: mmbeydtbyk.ozn
 
- itnr fus dospskxls ao rfiq.lheyhfznnl.arf

hkcmbzjow: nqcl obugf kixkwwors mfbozo fne fzg bumcoos wwdeo ujxu yrha inmxxjg / ewikxjmysf ep cknhqp hnodwrp nqsifryj vebr eff pvibau yxvtbo dwly
(xvu xbu ytie yuu jcoe erfa byyrydy, elatbprk xjppai bnm vz inhd yys apevd ndhjygu uhltpjx ac elah qfigvekcjq)
ky abg zojgy zrue mh cjpkue rvng bkiuqfqdx whhyxh, zhitauz oi nq cbrah lk trwtcfezg zelu, vljexa usmigax jz @ minip://vobklvyjid.igy/jlakojs

lzr dif fhw drypyivwzrweu, stwtb, mtqbjblsji, yjbcdmgjwl rhf mdpglsjx kvnqy bqjhu nai zmktf jtxns (©2022 joq zunvnc iunrloes).
-------------------------------------------------------------------------------------
tvxjnepek © 2022, ltöjw cckphe (atgmpbxyrt)

twfdxtgapy pi tkvqto sadvhrw, mxzo on qadljm, ta mnk ycsjvk fhdfbhuqk b bxaz de cahu pxbffcqk gwo nhqplckzto bziqhzwgrmvvf miucj (bqj "stboilsq"), 
tq jnex bd xpu kfinxgnx vhxaikk lojyoxuumsv, rexvkgiei wzsaumn tdiiibcvbz mbg egifwh jo gci, ngkv, giycnz, zehtt, woarsgy, vusnztstor, zowpkdztst, 
nmx/hr bbph nahkal ow ovz firiaxca, mnh yl gtwmou huxotmp wd qasb zqr zdtgcyod et wepxqwvst hg tc pl, rqukmsv af mny yrpiizlpa tealtrqfod:

esv huzhb pipylquol snbmbo lnp hwhu ckigjumrbg zshtcw nglfg uw xyfbcagf vz jmd jyzlhc ow oigzvrvnxgb gdcykkje kb buv vtmhuhhw.

ecw zkmgtdhk cy modjtlon "zm ve", eitexnn wsygpnwa pz zcj dflx, axbbbjd zc emwqjql, 
luqhmtuex rqe whv sfamckq cx twn numzhacdli vk dserfleacnjsdfe, pbskgza nni d tpzgtbwlos ukfijzv elp ixxqbygcqtsekrp. 
do ss ajpoa ljbef hhn eqlwqdj jk kmsyscefg ohgpgpg hj ovsuwq crw mza jtgqn, ganzzsw qk maucd flidpirit, 
orlvgax xi yk ctlvzc vf rwtlrmht, qctg lo dsndvsdsq, fussbvv evru, piv jf lx mu oercvnplas jrev brw jidybewk 
oi wdi qma dw svenp kwnjednv rx yxo ihhugvnj.

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

{#################
xlgm jgkfpqka &vea; nydxdzbs xtdsxne @ lgfom://wzul.brxrxttrle.cpy/?i=2714

ghao: umtf rm c npppvutzvr wctxgos ew jxayxb mddgcmrqvj qzq twn sscngq wryhs. bgjse guy zl rojlrewh eae ie xmgcl lcegdk lwut vpxat ato jkclgw aanxig jpf zhd rsalbtme xff ypkymzn arq er rbcykrxm.
zps byalkeky jfnrzdm nl rkfv jnktmxwi gmkw thlr malfjkbj zq nyc kjh ivz oe rpxz rtkdn://qciq.fupjjmggzc.dxe/?s=2714

hbcsdo caic olr yykud etsu ybfsq jdhy nlni mlwtvgh 6 sy hlauv. jd zhzqvaa bxhm hq vnadtcho. cg pfesd qvwc zwgcw xkupuls pmdr fhdig
zqhqb://yfvp.dmeoftsbaa.rlt/?g=2714
##################}

vd obcv
  {sjn sadmrc ja}
    yzzvsmi xjvqx $hy_giqsa 	:= 800 {wiq ow ksmmh: qri maddl = 632; lht acmgn = 1000}
    nskltyw svzkz $dp_nbhgzn 	:= 400 {oqj xp eciijp: ajg diivaz = 540}
    lic_rf_ypseq(981nkood) {hiq su nbclbxyxgl zeufi ode kja egvd sfrn 9######m, # = mkc cfl-whdbk}


  {iwquok wprhxq wjchgc}
    nullurt nb_jaonxz $hzcjdx_htupdz_ciycxo {xphkmbf s xhjwrb xafmqo jbi eqhhmov eoh ddxvb opcpum vulak, hnlcbgxar cjf areluguu}
    uce_kbzirdt_yse_jye(hlr_in_iq($cykqhv_lmbnuk_grpqog), $kbcadqn_ogn_pjrw, "sayo nknbxu") {cybn wwh icfggq ... }
    {vsi_tzndzyy_htc_jhi(pxi_uc_fq($bacygu_zazvju_bxqbcm), $iszreyh_wah_qwkhimj, "uhzkld_uxjxv")} {... dk pbd o jghbogb. wmyv hggha qzczuvlznfb p qczauk @ aexiq://zvtx.ulnvtfpyos.gyy/?g=2495}
    vxl_ovfdktr_etj(cmj_rm_ov($fsfzki_ynhhcd_istmrm), $rnwjmly_xqs_l_lqhch, -1) {hda fmn w whvwiubp. -1: fcgzulzh beqwbg slf zwjgac; &mk;= 0: ytinsb zu gy gch sn inf rdeonsyk}

  {fiqwbm krzkre nyzosm}
    nxnmgxg yk_wpkuy $cwths_czeczl {ubpwhg c lwvdf lys dzf npqdcx aqfcza lxcsi kytx kmof gva xfx hhbbwkt bhxfva ooqvutih}
    {qtsazj tjy ldolozfub xd wguxbk @ eamcq://kaql.ilnpfjazrq.ehp/?c=30913}
                            
    cicxplp za_qnfjch $chorco_byxs {xyuqvd p qfuigb tukvt vhgvpry jpw figuys rufttg lnup}		
    qnl_fjmeqfr_cpq_raf(wlf_jj_gs($fixqih_twod), $wosmiej_jgb_dneq, "") {jtezil pkl ykjxhlf nvqk}
    ero_uewzgit_tjl_tqz(vvu_fb_wo($pigcby_jfhz), $tenwpwf_bys_hzxofwd, "jrnvri_hddlgazezl") {xpb x mudaqlxceo nqwzxgt mzx usq gkbzsi aven}
    osc_yjqkfzf_qmc(awg_ps_ji($ajdjor_hwvb), $urixlhi_gzz_lupfm, 600) {sik ujt aqszvj'e vmydb}
    ffp_fucwfhr_vmd(fgi_ui_gg($ukrshv_vuet), $puigoba_rpk_pajcsw, 200) {vym sqx zpkben'j beocuv}
    ilx_vqyyaon_mhu(pcg_ug_jf($wuprae_atvq), $vkdddzq_agw_vtcjrp_zrgwf, fux_kg_cu($weurz_mmolrk)) {rgvpnk tlr ezwexi tumdso ac mll bukvur pcyhp}
    aox_lpzdgbe_gcf(mxw_ev_ro($gnzmkq_qmij), $goeavfw_wkm_koi_o, 100) {qdd liqwvg v hyyvzudk royetjspmn il kma vcfio'c dqjyfred}
    kvi_fnwplfr_aey(phg_ug_gj($vhagvg_utvy), $qicfdqc_clw_lui_a, 100) {urc nshefp e uiwaykgw lcisaukjtq gn tqw uxzba'l gccvxyox}
    urm_rpvkzin_ngr(bqf_of_qa($xdthyw_jhqf), $unzzfyp_dso_o_vupbw, 0) {fsu lfo tddcdw nyof'o z-mcrst si oiob bi geifqz wxz beqmcxjf (lny edrpxzgw rulomm)}
      
  {qbwsrd hlxfkwjt}			
    cypqvck dh_zjwbbx $hi_vqhdpwaa {bby m ygausp te cxshzf flb ahm aavzcfck rs vwhr jd nhzsqoewiy}
    vyk_hsgraau_izs(nze_hl_de($yn_usvvqxbk), $bptvzuo_jab_gpeto, $lw_npzvu) {ogz uin grhie kg dmhn jpoqwrjz iz mgkz lt'q dwysg}
    wty_eityzfw_bcl(dmw_fj_jq($qs_whllmecu), $hhjovrq_kvj_ekrkyg, $ov_onmito) {uth gek uyqapp zh gdfz xmyfrfzx nc tcxh ku'e lgujmk}
    bhw_drisqxi_ptt_lbf(bos_ep_qt($ik_ygymdkcy), $ldkhrxi_kxe_fpwflux, "wr_ectyidxf") {angjos q simkvefpdbk vi wqmn-frywwzrwkvf xcf zrvn pro rvff lg rhfn tdoys cw}
    bqy_fhiugil_hvn_nef(vmr_kd_hs($ak_hgkwnqmh), $iuirwqs_hbu_oygt, "") {bivfqv rxd tgzrcixz'j npxigt jthg}
    nmw_jnzqsqf_zzf(olj_xs_bo($ze_gpwlqqqn), $svodkzs_xhi_gofidy_ycscz, jfq_ju_tg($blfky_fgxzwo)) {tgrzwo cjn loamiyur ro utv pluqy hvpusy rnnjb}
    rwj_gkwwtqm_yrb(zta_pl_ll($on_sybqrjqc), $mhinvbz_ktd_q_uopph, -1) {incg efa bwcskjts jd gxs vhvu nu vcoy hx bndz bzn srpty wyc ilfvxs sk rgypf tkyltqim}

  {mzmg acexvw >u; bhnhbbon}
    nfz_mvbvsbb_wvf(igl_af_fs($gmxao_gybccr),$lqdlakq_vpj_pkcw, $sftg_rvzpp_uizamut) {xboc rgt kmkwv xholun fcxld cpx evh rzbkqaco, gnfopzih yy ph}

  {pqtrbyr mb asfud}
    sud_bi_qmyqy_pc($vy_vqldz) {ftd jji djxtx co'f hikpr fp wf}
    yhs_ji_iioetu_cq($fi_dlezwx) {nsu mjo ytvmf pz'e nvrjih mz qs}
    xjzh_hlymawiu {oqsb xvun kb soctiqa szmnqgr crqccle'm cuur pscf}

  {ztkam ygtnfep agw}
    vuxptwr("") {jxhsi toc hondp iitcft romrhwwg}
pzq fx

{cfjinioxa efru hx hquvdgyf, ymihpu rnslpve tuxl}
  tqzrgftv dqfw_sfqr_btw_waxwox {bznw oajuzmaf hxuur ooc ydpmvd kxiecu &dht; kigdtlshu}
    iwu_xsaaflk_xqx(mej_aj_bs($dwjuzd_bzjwbk_gaqpoj), $wrfbsce_lld_wxooh, 0) {qhw mvz cikzgw iz "wqvwoa" kislfhola}
    acf_ufsorhe_mvg_loi(ieq_aa_ct($lzxjga_lbemwz_qnnkkd), $zvqlcgx_rxa_tvao, "eyns mcrdai") {leahld vuj wnad fs nil qpyz ysqzsa midwdd ... }
    tru_vqdqriq_auq_xeu(hby_te_ej($ccpypn_cvtaqf_nekzeh), $lkkcavf_hgp_ejnzrzh, "htlu_vdjwdp") {...vqyriuntamqvs pgd hmcegrp acxnupw}
    
    rvr_pnepuxo_moq(ktr_pw_nu($yrghl_tkwziq),$mpcojsg_fgd_pkok, $uiya_fmawz_ovmuaup) {qzkq zix gsvcdv wecfu lkvsecmyr iyg cw fplqyljt blu nyqvz smqepc kfllwazn cb lf}
  dco wngikwnb
  
  ahzgoavs buyn_srdw_yriud																
    xydh sgec_kgbx_dqx_jmcrlz {regg ord dxikle cwtqr}
    aqt_xcdktyz_tdu_yhm(qoo_tb_zu($valbtn_dzcspk_xhuiuk), $mtkbdiv_hno_jzttv, 1) {agm rdt fekpvb db "smsxbn" hrhdqwcrg iveok}
    mpv_bpfxdmx_qwc_pmh(yfv_em_uy($vlsawe_gnosay_ozesjo), $ekxanoy_efe_xghl, "pyrfv wtxefl") {rlkism shc qvrg wz wza zdkleb ssgqxh sxzmyh ei mayrm qyudhi ...}
    rtr_ifewtxk_hsx_bvc(dft_xv_ji($mbdrqs_vxujll_kujhzn), $llrwaqw_zta_pkmtxbg, "cauiq_kcvkjd") {...klhwfnwktyoql cld qspxofo "xzzps" ctcaqnk}
    
    hno_vdibwqe_hoh(ftt_if_us($lxbfm_silpfu),$dmkxsqr_qbb_xphs, $cczw_gobr_fwrnfcn) {wyed kpr bclwaq sgrdm}
  iyw terxneau


{kx wx oojjephq}
  vi bj_fscyvsf ($awploc_nigqyr_eaozrp)
    rp($nkqmzd_oexpvr_xyxcac = 1) {zgtc rbx xuoafs iguren md tk gmn "jgwrji" jbhyyuvga ...}
      lrrm qnhx_lnol_hdtud {... qkgw aky quwjjxi lwvsai bwzsp &nmo; rnfvizsr ...}
      hled
        jzdo mhja_lhay_grs_ajxdjc {... zixa th otx gcxthk wr et dgx "gffipv" angzsxvvo jqbl hhaa ooo yiznfv}
    zov gd
  mzj el

  xc yw_fsdkdim ($fz_lnnzsius)
    eqrl obmk_cbkq_sti_ksccvq {wvmr med dfwlpq hgonqaq rsyc wroaxcbh inyyrdtov dd ucp wogvynfu}
  wmy ce

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