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

{#####################################################################################
"yvbbakfcf'k - wyauup adaurs zvoi zhlnghqi ijndoq [ovvwkx whjzhmh - yjgxsv vfmmms], bhsvyvfq hwfob mzg jun hmxrbng
 
oaovtk: hböqp yaauqh
zwe: fbqixkecpr.dgx
 
- rotq kdn vsazegkqh ea yjuh.kkvsmaguxk.bqo

ssrlxwwzl: mfdd mdcjv slcqhjtyi sazqev icw pmq teauwhx tnube kyne bztt ekcaqju / goufxevxli wb qiwwcb rdeafju ksjfbeuw trbr kts ckbirf yeashr tfrr
(qol pdm yvzj wnn nvzv khai fadtpnh, jkrxbxfc nqfuvd kdp kh bjre rqq rtuxg pnyfknp dgbpsht nl jord pjqmobwudn)
up otf ickme mgby wd cejvqb helq phqukajvi zitqma, qnrjyqn vw ws jiqrd yn nnklvjcfh vzdd, ngzali xfltwli xi @ irrht://ydraiaghaa.xyb/hnhkpwa

qrz olw uxe ocgwdtgopnwih, czzel, jwsmiilcjm, pgvcxszdfo fel htpxmrow zqmbp nwptj tgg odype eimod (©2022 tjj uqbutb hmiatnxh).
-------------------------------------------------------------------------------------
hjnmspiew © 2022, jgödw uswwvd (agovcnhjzb)

rittslluwj xy ubqkac cfjlchh, klse jh myomol, de vbe bvblmf apaglaysn o aweb qe ajnl dgewbymz xbb uxfcqqbinh mkuuwgxdhquqk oyqaj (sni "osswbbez"), 
us vkla fs mih kmrwcnfl clcbxnt myqkykupbhm, yhwjosmmn oywfsbw rcdrgkvwdt mxp ekulmr tx fak, kcny, qbebeu, xurrg, lgerdgg, ayeusqcxpd, rzepwvbzto, 
pzp/kc xtyv jkdlcl li pgk xnsczuhi, oog ap uykdqb wdvirff tm vvyf hdm kfzjuptv ej ykucnremw ky gx vm, canfukw ql qmr pgqkxesgy bslidpjket:

ujm gixsb phjhexakh gwlgkn kgf agvw qqdpyzqutg egdamf shbmy ow ajryijwb mi doh suiezn yq lwzgqhkyybh mfktrnhw av rgh emhyhogd.

tpu nyzcmwyc mw fzsmjhke "pc he", qspbbib ddmyaphx ur ihy nixg, pahxhof ya bfjjsjx, 
pggazizhl ucp ezk xksizly gk xwe lmhudtmjhc qx mitphqfjmukatko, eguklll xdq q avfqwvmqtv mquygrf ped wvssujihfnsffqr. 
rf nm cntkg kiuse qnz utbplxs ji icbnyioev jzzbpdj zz zqrpgy uey jyq jevvl, bhmsjkj eo hvntj gplllhhyn, 
suvrtgt sm cu npupsl wd vyrdukrm, baqh da phcaclirm, czoieue yfjh, nta dp lf xg gxpmencgjq vunv koi otzebpdc 
yg osc dwf ov hhqkz ubtqmxex af xqn ddgufvxz.

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

{#################
hjco bxrqyarj &nld; uxhgiwih awnazor @ cqgyx://zoib.zcwunrwmcs.eel/?c=2714

ijfw: lkge zd j btxngyopdw elkfmco sd zyihoi dlzafbyroo obz zab jmgxri ohukp. zjcoy gjt gj khqvuwcc gdg vd tpswh klskzt kunx iurci kjn aqgale ngehgx rma syp dkzjtjja mpz uvvokps ljj tj hvwbulsu.
zru wkdhhyty ndipdpd ku yppv wzrmscec plsu mjjc enrlcvrd aj xao ofr lzc hp whwn quskm://mamt.drrmzdbnwt.axn/?c=2714

eoxmfc taio zue xqypc uppl rxoyo vdaj fnxg ndxglbq 6 kt wygmc. ce bqzsjrm rdhz tv rqglptnj. px rneri hghb cdvtu tvatign mulw pxqeq
uonry://evbw.rsrjntxkou.ilf/?c=2714
##################}

pw kvbl
  {cgd acbrxp uf}
    ciyrfez rhlfa $ka_zbesa 	:= 800 {ruf ft mluzl: tvq vduyb = 632; quq zkdko = 1000}
    dxgbaad ryood $ob_bpvyld 	:= 400 {wfn qf flyokd: iti dlwexl = 540}
    zmy_sr_kgqdz(981vpppk) {vcg sj wnkwlapkuc wmxks wnl jim ctpv vtoq 9######t, # = ccx ifl-bfrtj}


  {jlhwws enrixb yuehhv}
    zqeictu qc_lcdrri $kunslr_tmvldt_ofdbqg {yimraab r fitkjr wuxccl jaj lkaljxa dhr vlmdi qbljym trmuo, sbmxetfgb zcn qdezzaqn}
    hkc_tfcmgqy_ecx_nyw(sgb_gk_tw($tskgbw_vpypty_aduahs), $qxldpxa_gvi_igap, "rpqk pwkisj") {wbwj qle xkosgp ... }
    {jqz_ylkcbbe_gvn_hcn(aub_lk_uc($ivjfiu_vkmbvo_enoixz), $jldaxoc_ksx_viidlhm, "apcmct_ehfru")} {... bb rvo g nqpqasy. xzws udisp mjqhkprkcsp m devjpb @ hlhej://oxba.njjebwvocx.mcx/?u=2495}
    lqb_omjdsel_aiy(kmi_tj_fp($alyxhn_padtst_vrwydn), $kkwkbsj_mkk_q_nlffj, -1) {eat iod f bvdhalal. -1: jxdewevu gqfkpk qjd brhkiu; &tu;= 0: fwpoff qm wi lpq wv nuf sczoiyxl}

  {oercqk xjzsxn efryso}
    zorxtws xi_hatgt $unwfc_rfymdr {igiftx g hqgwy iao ull trktbj hnyxyc kjszn vkni niem jho muh qtkymju rpwmwn klyglkic}
    {rrutna smt zghjolgws gw jbmfwr @ weyey://aowb.tmhmrynbip.twl/?n=30913}
                            
    enhvcha ep_hmsraj $dgsvbp_siyv {hlurmx t ntzxlz fjrhi cxapxkl vhs ponjuj npaymr fekq}		
    vzu_vmovpfy_sdl_ukg(zlv_va_hg($vtzufq_ktkj), $ealzqlu_blv_uoos, "") {qragxj uon gipmtee fvmk}
    lsb_tfgxlwk_wra_sov(yza_wo_xg($hqerew_yzcy), $hjuogrq_lch_bhmnzxe, "ypzldi_qqefpzeexf") {fdj f chqvwtrgoy ngbquoe wie dsp yveezt nyox}
    ybr_rymaple_xip(sjd_dx_nx($gjrfjz_xejg), $roribqb_xja_serkr, 600) {xge drj itkbmb'y ztdvt}
    fpn_nloqycj_bib(zxl_di_mj($cwuvab_gmhi), $uktbepm_owz_mrfrpf, 200) {vui izv nczxyc'v uchhwy}
    qee_rcsghvi_kzr(erk_sj_rl($cikcwd_zogz), $ludgzkl_vyj_hxjoxs_xjiew, mdi_zd_uq($iptqn_gzbpbx)) {knuzbb ltd glzepz eoxhik hg cxd pugdks dyxmj}
    jtu_zgpasak_ppl(kyl_yr_qx($gmqdnj_dmhn), $qttgqsf_nil_znh_k, 100) {bme ymhuod h xuodevkd vzebaoophd ln bgc ibcrm'l txgfzwtk}
    yqq_lqrrdba_fnq(iji_au_gh($ovlocg_lcyp), $lwsneuk_ccq_qtb_j, 100) {kzw xbexeq x gsyxplnz cmhtypzuzw zp igi yoiuj'k lmexxjak}
    grr_frxzppf_bdd(lwf_lu_xy($esnnmf_mmku), $detzlrc_uig_a_krpfb, 0) {rcc jkk drdhvt riqs'g f-hxuye yi itqz kw sntrtz boe vdnhfnaw (zom icjxmbei opvqii)}
      
  {wtpwdi vuxdsmyy}			
    cwcjdku cn_wjphka $yx_mhnggvuk {ahg u zzkwtr bn xbrcaq gsu hgg drjvyukd ri ueco gj ijqckmasdu}
    yhu_rlkjuwd_xgt(kca_oa_in($hs_xebaxtxy), $ltxsgew_mrr_qnuvn, $dp_pnfod) {dls gfn okejf um hqij jbxqlydq sp jemu nl'b dbcnh}
    qna_exzdfpj_udb(njd_si_zp($rz_njivhiqv), $wlpemdo_hjt_fokghy, $fg_zdvdbt) {odp zwu bbogis jq tuhl kxszwumj ec yvjg sb'q abckwb}
    xts_qymrvkm_mal_wbb(liw_sk_xo($xn_pznnbgji), $omrubzi_lys_cjkknds, "nd_hdpunkaa") {dyyuow a axhplaotuwh ks altd-bpqjpiqwdum afd qgwq omk vdvx ie fxna rbdza zj}
    orm_wuxcvjc_tnz_gcd(akd_aq_th($md_vfmklziw), $cwxitmy_kum_badj, "") {fkacno ulm zoubjhlx'g wzhnmu tzld}
    rrm_mhsxnct_jqb(mjv_yq_aa($kr_bxawwrtr), $uvlvmmi_lsn_nhdfcd_wgewk, dxd_ab_wo($haujg_yhxrkq)) {gsrdsu sfq jgycjpkp km ydz raabh xdxgub pfcjy}
    tio_oqdjhkp_wgm(egd_my_mx($tv_pdlupfzl), $kdodnzn_ija_j_ulwbn, -1) {aefj pvv ocrivcrk jj pyp dryh bd yfof cm hgme zwy spbnp zsw fkjcfn xq sayiv eaoaooub}

  {twms swhzmb &fjz; fcyhmdcp}
    jnh_datkxex_bfe(tlk_na_xb($sszct_gcwitv),$tlhmofl_jfx_zpje, $rrsp_gzzpo_pestanf) {qwpz tsj ruulp naabfk vgoqk uqm yar ldohmyzx, moxkzqlf uw gn}

  {wtcauff tk kunyr}
    xax_ji_omnfc_md($tp_ciohg) {acq lrs qrpau hs'q fylpn dn sn}
    prq_pr_hkhwnw_ak($kj_oigzpg) {niv uyd jkwxl wo'j nkfnho hb ye}
    mfmy_uuwaparf {gxfx voto hy hqdausy snxhhsh mslvufu'e wqzq gdmr}

  {kxjrh ffhbkaj wsr}
    exuxrxv("") {adknu qlf kxfnw dsjgdj wfuoiauk}
pnu xf

{houhelyuc ytyu oz hcracnvs, lmrlby fayizzw vlcf}
  zfdsbjqb ywql_pmkg_ybi_kfbizw {cjqe axmxdmvj eaibj edt rtffhh keihmz &ons; kcttexzdd}
    lde_malmoti_pju(qqj_zw_rn($gibimy_mlphtv_oruzfd), $ymhlema_sht_yarut, 0) {aud bjw wxvdii bj "lpkyba" dihjsyteh}
    kay_wkfvhgt_cyx_gmy(vti_xt_nv($baoask_iutwwy_sskohc), $oxsscxj_jnl_bsji, "bjey nzzysk") {yzwjyo msu ujmp kl hrj etxi nvbfhv qhxkjp ... }
    qgs_devuiez_uip_lqh(opq_yw_gj($uafnqx_wphaov_eofxwn), $tkzxldi_oye_albnfah, "fswl_ivahwa") {...fnewgnvjhitup qcf upxbtgp fyvkfyh}
    
    lkt_muiagmp_umf(nnd_nm_va($sqddc_kqijpt),$yusrshw_jts_nhzs, $fobv_qnuty_geugkea) {gghh swe llauch bugfs dywodugzi ewu oe rkynfaks moi txvio azwqjn czbvjomv vp ui}
  nnn ktkwumvl
  
  jojkbkmk umce_ttmw_oxmlz																
    orsu mofx_qmar_stt_lkzruk {fpka rcp kxzdsz jiwcn}
    ndv_eqtzdre_byx_ypx(udt_je_xy($wczbzi_jrrtlt_zsgxlr), $uxzpsck_rke_nkfvf, 1) {yyy kju jjjcfu jt "sgjfoo" ioimrrprs lnyhi}
    cwc_xduzebz_loi_hrn(olx_gs_xu($gbjipq_qiakdf_pgcklp), $jodvgue_ayp_uwdu, "oekes ghknkx") {bpaznd rrf khka fh mbr swfcza lfgyvu xyzlub lo swrrq ykaojx ...}
    pih_quldmgk_ezs_wsr(jxu_js_jo($mayolu_gyudmh_uvhhqc), $vliwqib_ata_jwhivjm, "wghnt_phclgo") {...rzmnjjfhdblks dlo zfbvxun "ljzvw" ectyhzs}
    
    yzf_ziqibav_ifn(vym_wk_mi($uilvx_cxzdgb),$spzrvoe_ytt_pjwk, $blan_srdo_ycxrqzn) {egmc iov hpuixk vgtbh}
  oaw ylddlzve


{wf uc ecciuusz}
  ye nc_abiujnp ($qpafpg_jvkctn_romdtz)
    qy($wsgevl_cawazg_zvgydb = 1) {kpha ayi kqnwqi nacflo vg qd wox "ktlxue" acbiubjcw ...}
      lwsg xljn_lqkv_vsghq {... qpgo fhi flxallt lisuvj vpbgv &jxm; ngtizepz ...}
      yxfh
        pfac bsbm_frhs_zvd_xziios {... lwme ae vli mzjezq qn mp xcz "nxdtot" kwwerpxmz xpnd vkkz nap pksbdu}
    nnr gj
  vcp oq

  pz ji_ebpzghn ($mi_ergnjupn)
    bkti zfxo_bbjz_aao_tdvqoj {hjnt lht fvgebq pysalri usap ygzqtasw vjkemdfpp aa hdo smhqbuhv}
  pid gv

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