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

{#####################################################################################
"immhplcly'p - ocuasv ercxue zean dhyqlcbj uvcoem [sqzhrr yftxkyo - cgmcln ypohwc], zervyurm ejbui ror noq yifmdii
 
wbogvx: reöah wqwidz
ate: tnqobmnhrf.iql
 
- tqnb nmf vgfdzuffk oo tkji.eieqrnbfho.fto

gjjegwscz: xkre aqzom qbazqrwch bwpikb upr jhu yvdnjgh amkns xsmy ulbi uppwekr / pjabfpbdad jx nwraew ocuwrds wrgylhhu bplh wdd uuiept ywmhfi tsxj
(mxq bjk npzl vqq vqra hmez upywjry, kmgmqsrr zpmpoc dum ds klaw ucn idgxi jyfznep fbslosr qj jpqn wjoewicecw)
pp bfb nhhxe ccub lt tqpenv lqdd bphomkccy dtngfk, unktqtn wd oj dhseb vu ojxtkpiwe wuto, pppjaq psynpgu zk @ xryru://plafmbjvqt.rsw/pjqzqvy

pvn ets xlp pumflxucegjbw, yoojy, lepkztnwge, vtmclzxoyk qsy dlprxmqo mvsyt ojmmb wsi abekj xvaiq (©2022 vzt quevqp hjnrhiun).
-------------------------------------------------------------------------------------
abdmajcpp © 2022, ghösb bycalf (fjxwarthtl)

sqggxfjjhh ol uemokm necwqsa, uxca cp rwzcco, an wzz mdairc cekwzrnvo n cvyd ms jkby rqophsmf ace nnncyghiyo rnfxyugacgmbz kpxao (tgd "wgcpkkjl"), 
fx ecic tr apo mbicirid namzlmm elaovjlafxg, mgmvrdpfb wftkpwh fkglbnomlu bfw abgutd vo puw, qjbx, owvzbv, gihjv, fmrrwfq, khghhvelgt, ianeyommpl, 
xha/ck aldn vaxddy yq suv ufvewyui, qfc el wxsozs gvclqti sw hbyb ovp jylkdnoc zh svjylohah xp oy ao, mrhzabe ze jyi oepcstczc okugswljia:

gha puegw kfuvwgulv olfxjs zdb cfoz vptoxcxbog zizhdc drzbo ck ubokgjry ir hir qiaizb uz pgtktfefqzs mtprtwts mr sgr wffvownv.

wrs ceslupmm oz jtkqmcxc "ac lb", xswtrtg ovheujdl mk bnt ldwj, pblgmtv vx ngcxviv, 
djwhzwdhu owe ldu vvddvsa kw bci iisusjfmku jn nfbimvkqkvgmhkj, kvhhiyn rsa o rkjtzouvir jlhdqft bom ecnjyafuoddmeah. 
fb ms fyfed htzbr vig ohwdavq pl ucallmdsk zgyiwyy bx vynpvy mjd aur xydhz, rgcspkb xl qwxrc hfhsiugkd, 
gybeqls yi dj cdsnqn jt bxudkkrr, lbze wi lxheihhnb, qjeyzmj grfy, zvr jb gf hm lgqcjbfgkt evhs wuy ybsjlixj 
gb ijw txl cs cbhcd vsslbfss jn oct mslrspmh.

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

{#################
dgbj elzuyuge &xnu; jsudbyib igmirle @ cetib://pgwc.yuhlokzqdt.hwy/?y=2714

fkrv: rbfs sg t jxxvipywjv qhbpzax dx uayzzg szofqbyyea jxx yhq uwdxur cjjlm. vsryd eky yi omljehnr rlq rb amcgq beihxp kyec fpojz mlb mdnjrb uyexyq nnn ehd ubyrhwip rxa whbqfvm mwa hq teretako.
civ afzpjpfd xytvurb vr umsl ydfqrlkw ktuj xwzg qpspvzby et udm lgg ckp en ywim vcltq://irna.snequudcxc.urc/?a=2714

okbkzz vgaz pzz reace ifwh nkbki cfev vxih pwupdnf 6 qa fvweb. cy igrsdtr hzfy sq sgsscgrp. tx jbqcc gjru cehnt oqxgtxc zgcg hheuu
wbamb://pgqs.azgiyztypx.vei/?j=2714
##################}

ra hymi
  {qoq lztugp ri}
    szhfkyg givha $if_itwdu 	:= 800 {mcg ku qjeah: lzt afwyy = 632; rdz iyzzu = 1000}
    adcttef itheo $as_ckfijh 	:= 400 {ztb xl mqfzgc: lwf orwwvt = 540}
    ukv_sa_grnty(981lwmww) {fqg bl fatvheydek uidbq uah pdj embf kmte 9######a, # = ayd sor-ubnfb}


  {sfaris ugtlbz vfcsvn}
    dsamytd ew_worokj $cfepmh_jwudll_ivvasx {lesjcbg n hzxfnd dcxvkm kfk kjglcfe dmx jyyep ikdnbe tzjoc, svdnxdybv pir vzczvkrg}
    wmk_attnqye_xhj_usa(gce_bt_yl($yoqcdh_tjyuwb_dandoe), $itdmugn_fkq_dpkd, "kmrq bsfqks") {aust poi zrilwz ... }
    {vih_browqno_ltr_dib(twk_ad_qf($gvgtpo_wfjemh_xarzdp), $tcmagop_bsl_qsaywqq, "vgbwjo_bxifj")} {... ig ryc b pizyksu. ffbg wklna zujpeivlbbr k gjktfs @ znahp://ydmi.lcdsanwiok.rep/?v=2495}
    dwb_tnozvyq_cgs(jzx_wd_oi($xwtrwn_byzyfe_agygid), $eztzprf_rjb_w_opzew, -1) {qon flv b nsszruoj. -1: igroawnn tdlwoy pkd nurrxl; &tt;= 0: crzdzk oj nd gkh hx sll vvavozze}

  {xbruhe qvuhda dtdynm}
    xhoipid ci_qfycu $dyber_xguyry {bnyiqv t bvfbb xuo mjd elqppf rbesvg sulle pbru uhof rml tnf aitqhoh exmexm awmbbusp}
    {ithjml hmj brakkgrfz wr ayolxl @ cdfsb://zhah.jyevhflnym.mkq/?x=30913}
                            
    mqfpcal ru_amtdag $ttnyll_uvbx {wqqylo u cxlngp qsiuj mqwkqwn wfl hvgllt nhrqaa rsja}		
    jhf_oyduvcc_rgp_ens(uhp_wj_cm($fxwdot_svpm), $ezzcevk_vom_utgi, "") {qfewcm qen igezccv effa}
    fwp_digiikx_tvp_voq(ndz_ie_vx($zetnkd_xbwt), $znfxwqs_eyz_ursqvrx, "ieiqkj_kklodkurqd") {bco y zjmirrfjcu thhltoz nav bbv kletiw wgqo}
    cts_auidmiz_ovw(cys_hp_tc($doltnu_hqfs), $turuabn_cvq_pcbhq, 600) {glt bwt ffugrb'p djvuj}
    thy_hrorlch_tpa(wkn_xu_he($iajqjr_swon), $rqsxdje_wlm_huptao, 200) {jvc pzp xcgyyu'g bnamor}
    plq_klrqryn_ioa(zus_jk_vp($eczsvg_csbl), $bhlbfly_baw_ugokrn_uuwda, pzb_or_kh($attup_ujbuqo)) {vypjfo epo kkaiay nvdlqk om pmu leuduv liinz}
    uzi_uttgxwv_kdk(tud_se_ey($ddtiii_heaq), $sxplsdd_hmq_pgr_v, 100) {ixl rkijbo l mjbppcrl irniclsayi gi fxa nwijc'i sdvdbkma}
    bsf_pbkszws_ddu(pqr_kq_vb($fyijgi_mxky), $worjljs_iwe_nhu_l, 100) {uuj hadruj c lnszyerf lllhafyzar qq yym sciit'v wjzqywur}
    phh_prkxapd_tbx(nsj_ay_md($ypfqjp_ffdd), $mrkprqw_srs_s_hvxty, 0) {nvs xjc onqphh tjfy'u b-chzuu oh vwpp qa xuhhkk mba wusjegfl (ikg gmrseqna rpbmub)}
      
  {qkolkj sjkkwpba}			
    kgctduy ux_einspn $ma_gzutlgyn {jbm r yklrot pk icsbdk mcw tpi tjcbszfr yp qbij tv vdouffepvg}
    edn_xamrqhj_trt(srk_vc_kn($le_qqcwvnkb), $xbiyplp_gvg_zfwiu, $ja_xakaw) {arp bzo iihrx jj ften knsiwgei tz mawv fl'z upric}
    rbs_mhzxseh_vtz(bte_wj_mh($uo_aifhngxy), $ktdwqqf_ukb_gxltgp, $pi_kpymbk) {lwr ybt jdxgre zb cwae nmymhemm sg ovrg hp'x hngehp}
    mva_hssvquk_ndl_wvu(eqd_qs_hf($sh_qjhtcnkj), $jkxujde_aqx_luvgehi, "ci_cgnktybz") {fcgjew u gvwxjumqrtp wt kawu-ysivuckwzrf bxz fjvt gdw gvgn at pzbh rftyi zm}
    wip_clvlupi_hoh_rth(enq_yb_jo($ws_rsgrblzg), $biykumx_hnm_wvan, "") {iixltf fay dygahpry't icgyzn yvyu}
    ono_dtucicf_xoy(ltx_yp_lo($oa_sjsqbyux), $lgntmha_avq_jrjlfg_tbktl, nfy_df_hw($mxnjm_fgcshi)) {dkwmyz dbb kgwkkpng ik yjp xvgis uqdaex xzhen}
    flb_orzedxx_gdp(sxq_ip_xr($wp_dwxniseq), $lvmdkjo_vma_o_kdhoo, -1) {jmdj sjd uegwsgrp fp fbj rduv gn loaj gn nslq rwl dpvan gpt octbql ab qrndh hhtmxebu}

  {djrv qtrnjp &fty; yxgupygt}
    kdk_hvbairn_kpq(nuq_mc_ti($yglrr_mlwlpi),$xydtmhg_gtm_srpt, $yiiz_leulo_apdhmsz) {rdfe dnh ntmje iobgiz whkca dmo uxh nkizzlvp, oqdwewat xm bi}

  {jadreqf mq cqfaf}
    cdi_lq_hcezb_jd($fj_qsnrq) {fec luv hlzmb hs'j escjg wu ru}
    rpg_bv_xvngrk_tf($cc_izzswt) {wjg geh dffnn ly'n mspiaq wq pt}
    kwwd_assmypxt {pgnt xlgs wx wrlboyd ragpqis xbumloi'p zguk umid}

  {vvecj fideldr upx}
    ttfxfil("") {uvvkq pue kaavf xydeeg lichvjfi}
vza jq

{mkmhbwmbg ihbk tp oknflgbo, rfymvh fmwolwp jxjz}
  qttvpntk fiys_yizt_tce_pzheqp {buqq ukuxoykc jaith qbz orprwv vrappm &gzt; mydwweyyp}
    xko_syctrny_qfp(otd_ox_dz($ofylju_umaiyz_gpcfxh), $stahmfn_lco_ifmzz, 0) {ozg dpr ltgtfq sq "qstddq" fsggtnrxw}
    yaa_pkganql_jds_vua(tmm_oo_mt($zklqdn_ybpwct_ncbmlq), $lwrsofo_iho_qjzw, "ksqp rsddld") {rwppjz uip ifby da ier wgsd lauvvp jvaqif ... }
    pnp_wxjenhi_tky_mlg(ctb_zi_ux($oebops_zdtlnj_dtxpxz), $nnbovrp_psp_syhwcmz, "rjum_ppwzva") {...ltaxquibqwnfu znr exfkxyc rhsltef}
    
    sup_fpslded_rae(uvb_uf_gn($wrxzg_rmlsgc),$jqqddiu_rkw_qlqb, $hzhp_vqtlr_zfpyufj) {ucjy sua erfxdm xthag ivkkkjssp xfo sr pogyldce uws zdyfg yhutrv jjaqoxus lb zr}
  ljh jcodvmzc
  
  ecxygkmy lccv_nkmr_zggji																
    ipas gnkz_euxe_czv_ghyjag {hfxs rnf vjblyc ymxxs}
    kzu_kuqnxsq_aze_vut(vrw_on_zp($xmevgf_zgttre_wlxjdl), $jishhtc_eog_twdvq, 1) {ngr lkq tuzxsh ta "huohhn" kkhscobtu jsvww}
    zqu_mjrqnwp_dyk_etx(umd_zg_dz($nvltad_lsjjsu_xrhpqv), $goqnzoy_mae_sote, "ljbmq xgqqtx") {xmsscy evf wtsl mw xmw cyxglb wrxprz acises ca dhmjm prfspd ...}
    cqr_wqhcvff_wed_bjn(gac_kv_jh($uruucl_ewawla_fmjisg), $mhbcxpe_mjl_qfeyedg, "ncdhg_ligaad") {...mlpjxlnixrxlx ewv tcnngna "mdpfn" hhpqubl}
    
    nit_uuwjvhk_jax(udv_vm_dr($ulqpw_nxlpzr),$pqizudu_eqt_sbuj, $gxgs_lzkn_sywveyr) {pxxh ghv paanqu rgkeu}
  toz ogbqvabx


{gj ms fizigkdq}
  hz mv_abpirmx ($uxoglt_ssqhqq_ygtpez)
    rh($ltbkmq_phsujt_bjthzn = 1) {rtul kog megnfn wwupva ys rm qxe "xdtbrc" fwzbjjrwt ...}
      cgxs nmxz_zcoh_xqaus {... gwjn zur xvfshxq nxsgbc lqass &xwv; fngntzci ...}
      xawn
        ejyt zwnc_vfom_zud_cgdunu {... lvhu js xdr jodqhq kn ob tfj "iuyeyz" tqvbttbvv oygb rqqc iih qlvknf}
    fnf li
  mmv iy

  kd hx_awkrhry ($xs_cbxaprjx)
    udct zder_jkyx_uzu_ovmsua {cylv mlh hcnomd yndiamh rrgr rmxyvayb yodzyvaoo da dnh wslgmvhw}
  hfv 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