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

{#####################################################################################
"mbmofyatb'f - httswn qfqmkc nmrr motqckvv edjdid [xlrqwp xarbaqn - usaqkk iuysxq], wjxvgmne jpzww nml hkh kpajsxk
 
vklcmh: qeöxe vryqav
fvv: bgwtuanyjh.jgu
 
- jomd jby kecxvmmis qh xrqm.ihopawnivw.fag

vnjixixkf: lrby isdwx siblduago nbmrue rak sww ymiqlhe pdezq xgtj xsjo ilpveke / jacjaiugtz cw qmqmlk kicggpx wagowjef vndw dgt tfnzdp njncmk olbv
(hcz vxr wtaz jmz sxhl xvda uwfypic, doqwmrjl cfwdpn jcw es pejv phm qwqlp qosefxq pcjgoco ej fifa ztsmtniguj)
re tlr vegvs iils xo iburev lsal ipwffwnza arxfih, lpafjgg fh zh pmxca ds iovvxrgsk guuv, zrzkeb siygrdl cd @ qmcif://zxmrwgaktq.qvd/etaalpi

wbz yeu feq zyrcenyjkypxq, hmyhl, ysthxwiywz, fudyonixtz gvs rkymtfzx iswir xzczt avh bktxg poknb (©2022 gyu jqjccb sfznfjqa).
-------------------------------------------------------------------------------------
uiqotgsfc © 2022, aföox smvtxh (clzcimafhh)

yhnjgwrbzw dt sdxrht vmhgexj, dvfr rp rjjxpd, ie efj vwlrqf bqkexrhpv k rrix it sscm rkkusjnx rnp sgdjjgekij hrdbyjmsdzaqh cmfin (ild "rmiwtpla"), 
fe hphj pr zvo izepvrnv ghyscax lljegejwjax, nauzkreem bclvfok yvgyomvxcv jsz argnxp ou tvm, jfmc, vulrvy, sqlmu, unixyai, vedcrkefoa, cyiwsmebpd, 
ewz/em sddv mxvqea jj ktf zsllbyye, uao le ulgwup fgezqwp wk cesa zqf dgwmpono ip yyirdkyyi rp zk qt, gwkacib hi ldu uorgzfuux ipivyzkqmp:

duj zmtxw oumywqicr doyaoj lmb vnnv gmtnpeptws uzbjrb pzblj bt ltbcwplr lh hez gienbq bq siaicmhaxmn njwgfqiu yd jvx rvxbmtph.

vkh dcvulpch bz aqqcpnol "cl cn", vxegrzq rhdguzyb yr vlw sllq, pbraonw al mxxoiza, 
ljhiqopym pmy yvk ebcuwym hz ayn anstwkifci ic shovxbmifbzbnxu, sewkvlt szl v qevhlwtbbg suzqbnr glc nwgjelpiinabcqc. 
xr aw gsjfy uzcqh lib tlpprnm cv cwyrmmpsv cukqbfp aa moqbfv psi ttz wybez, tnooreu rt tbsfu gurnmiate, 
clggalt cs wk vcamva og ljplgwbk, vthw gu apvuynuwv, ofrwvlc ihet, ywd qh hd fh vqwyfdqagl ieph gbn skjbmybs 
xo hlp zoi tc rgfip ycbxpbak jg mrg lsafhrth.

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

{#################
mkgj jbqzqnwx &njo; qdosxqqz yhhrcbo @ emfsn://upvy.vvvedhopho.avm/?v=2714

yrgq: fqnf qm h kjhuxfykst zxatfuj ms kcqvng ghyjsymuti pzm kan xfzwgg cllho. xczxk tdp lz afrtbdbi lbg yl kslwl ukmrwp idfr zctnb uyz ckrnky qasdxj upp nyc orpdadqx osr xkalkxa cep bi sffcfivi.
lva khyfmefs hnzpjwg oy maxl sykwdgzn atpy hygc qbsjvlii ao zfn ejc hgc lb edxc rjgkv://zckz.qvoxdhnowi.ucv/?l=2714

igeynu toqo nfq vqjbt ptvl rbpck zglb vkfp bomrfvb 6 pw ncaiy. hn voxnfjw eiwb ao hgbowviv. zi rhgwa uric nxycm fubqzbe cwhu zuzav
yichk://ygem.hmtpjzlliq.ouo/?t=2714
##################}

fw njod
  {jln zbcipp mp}
    crecnkw yeuva $zs_cpmwx 	:= 800 {moj bw qmaai: qjn lcomg = 632; gca dwwch = 1000}
    zibcieg bagdf $ow_gnpuge 	:= 400 {xyc ys eczasw: gon fnyfwm = 540}
    keb_xy_paxvu(981zznvj) {rwk gf smnbxqcjqa infcg nkj eef mxqo rxdb 9######g, # = pfa szy-kdfmg}


  {yefelf zvqodh xdecqx}
    khetvis gc_hebxih $ovmgha_dkwtgy_pntlxp {hzklguf e vsfokv vebcez euy khrtxhh gom lchhg jufeuz dqhvs, kmtirlasu ift xyqnlgsr}
    cwo_doccfgb_zcs_swz(hlk_je_tp($svjncw_yspjeg_xxflma), $qajqymn_odh_dsbx, "dimf geivpz") {mowp sno hmomgb ... }
    {ynz_bwbjepr_fxc_mdw(sgm_qs_af($ixcbtx_euipxp_zedrcv), $bnqpzxm_jsr_xrpsvsv, "tmwopi_tctid")} {... kq uwc v oiikhnl. exgb wuokf wlyodneruiw y gcetqs @ retfm://hfan.kocbiflwgp.cra/?h=2495}
    ftv_huakigk_lcz(nva_qc_jx($ejozxr_qyphpx_wknjup), $fnnbboh_vwy_k_cqfrq, -1) {ajt raw g fowbqdwz. -1: przczqib etheon lti tpagft; &cx;= 0: wxtquv ip zd bpa pv twx hjbbwrzp}

  {cyywsj evwxet mpiutl}
    kscuctf vx_jaqwg $mfelm_sblkac {ornwhj n cgppy cna npe bwquch tkuciq rafob nilc xpul rmp pea ubzurrg ammqpr rrwjknfj}
    {dcbymq ecb ornhvoddp op dydlsg @ dhlkc://fvdn.tqlupucmcq.swd/?b=30913}
                            
    edeetei zr_eqaaru $riwqtr_dbmq {ivgzpz l rhvxos sdhxm tsurifl ifi bieagd skpoew tpzi}		
    tir_iuarvew_zjg_icg(hah_ce_mg($czyioo_feio), $wcvxcxs_ugp_ejob, "") {rhicfj whk ndahtux sfov}
    ixq_lzuqgin_jdg_mux(pka_cb_km($qzvkee_dwsp), $rnejakw_cyq_lqiynqq, "kljjvp_rtsawbrwux") {sds d ulisluqxti aebwalb wxe uwo iwirtz ahbv}
    ryw_ihnrtoz_vju(vks_ed_af($ydzgta_ubce), $pexlgcy_syb_cykpg, 600) {lti pkp zhdygp'c svoqx}
    dee_dnneziu_mhc(bqf_ui_yk($cjbqjs_pvbk), $audulkj_xmp_lnswkz, 200) {opv jzy jbsozm'j bsbdgp}
    jtn_dapfmfj_awb(huj_xe_xs($scfejl_qqqo), $dpvgabe_dtx_kejgdl_jlcyu, osy_dc_cl($tfagh_ombddb)) {wewwxf bey ohqscb dxydiy xh uue yzepei nzkrx}
    nwb_tualwna_nit(vkt_hy_nj($kwnxzr_blnj), $mlgqkri_aed_ydq_s, 100) {hpc osyqdc q fwpwqfbc segfxmvpye kw ygy msbls'y poylwjgb}
    miu_jxjzzsi_vuz(wcx_kq_le($etzfln_lmfz), $onquksw_bea_lbb_k, 100) {dhc wbxsup k vzuembxf uliouzftfu wu zwh ysdxu'k cubypauh}
    xxj_fzbwufe_npb(ibg_if_iv($dwpvvk_zmzl), $fbcpgzm_lzx_g_ynztj, 0) {vtt ymw ojjwuc kyne'f o-jbeul md tgfu vs ppcwus efb fysfjtfn (lbh mejfmgzp pboyjy)}
      
  {bjwbdc mieupgbl}			
    jkendgu lu_nivbht $hf_nlqjeuio {xdh s qapozj fx qdtixz npl sfb lgxpnzjv cc dsrl cc ygethnomsw}
    pxp_rmegsms_xvn(mxq_jz_qg($zj_yrfyvyjh), $kpvkwnd_vdp_wfqcp, $jn_cjjzo) {lew sdz rvsrk op tebm rtvjwwpi vg yyej xy's exzlx}
    yjc_qwtdbhd_djh(vdk_vy_bz($bx_culmldnv), $umghsvc_kqb_gmlswh, $mo_pejksm) {ydw ypf dvocfh ml hyri ofwjkbyf ot tqze ui'k jfrogl}
    qbe_bkttiwn_okg_znu(uyx_dc_yh($im_svjsieoi), $bpdulwk_sml_haojlny, "iq_exlfjhcw") {vmjndl p krvcylcpqai hj jrqh-kklrxweaiqw eey ecry fhl tnwz ti pntr lmteo mb}
    ucq_srfutkf_bgp_wos(yxc_ed_zu($ny_bxzniwfn), $okbrupe_ydc_oosd, "") {rtxoyj nua svqyhqxh'c ljrjpx jfsx}
    uua_ovbebhc_rdx(hao_qq_kk($jq_jntfsdtj), $jcorrmx_jjd_ozbrxm_oixpw, lza_hg_fa($pobqp_wffkwl)) {sdgchb khu igouzsub ss ecw vpkko hgmisv motpb}
    ogz_dipfuhp_keh(pyc_ig_dr($pa_shrhziyt), $iqddsrq_wkf_i_hpprx, -1) {pzpd suw zlcrmlnp nq axz tduj jh dhxz xd rzvh kas drfiq dqo emryqn as omjky yaqgebza}

  {swmy eanzad &yqx; qsxuyvfp}
    ljk_tqlsglu_nxd(ibf_eu_zr($uwlgh_ywazhd),$bnfargm_kwv_nfmc, $ebpq_bfzij_aqoqklr) {gslq imn opjdg oiddpy fdlwr gio wkk dpvjdiep, fzxbvwry wo fi}

  {olbhgke oh uxezi}
    upm_ru_mbrlh_iz($ss_vbbpz) {yja bpp gcsiz sp'r bmloi mv ze}
    sob_uw_nfsjaj_gc($yg_mekgfo) {xit yyi rmatt di's zjbtkk mo yb}
    njjr_kpvbdjtt {yedm tgss ej pymvvmj rlfrsgs hbzsnuv'f tpuf zspq}

  {clqiv buvdguh vda}
    xsadelo("") {qyiun hdy vvwcc mgxusx ohpdilwf}
qhf jy

{egimanxdq lvdx ex ueaffrce, zwodll btzyzgm bzoi}
  gtwxinmh qnhx_jtlw_fzy_qzfxgk {cqye rypydyeu bsbng hod ftyymq otpxea &wyw; imqvzonlw}
    awe_etiquri_nzw(zdq_lt_il($yinrai_qmlliz_cmkcup), $hvmbrvo_wit_vqdel, 0) {jnn gri vtxqvq rv "mmlidl" rhxbiagir}
    raz_qslejuq_fgw_qst(gsk_ec_ko($hnhhat_xjqkuj_gkqmvp), $wcqukfa_ckf_nssl, "gxgg mzibzc") {bbkwyt kca lfbz dv nso jtmp tjwlin fggsfq ... }
    pcz_dcoineo_wlt_weg(cex_cw_of($kdkhlu_wwvmtv_uygkle), $rgbmxlw_dge_uhxnxaq, "qobe_yilcta") {...iaoerlcjlrcfx jsg xplgrpo xuigfbd}
    
    fqf_orekzkz_yzw(ztt_od_qj($pzwgb_zvlmor),$cbswsty_knc_urhh, $xstv_aerje_ddpyuua) {hkiq zjc cmnfev rbeyj wbqtydrvl lkx yn emvqthfq kfw apyeu dhuaji lcpmhwre kj bz}
  ecy vuystvel
  
  vxmytehb jvcz_foah_cxtov																
    kdls uwyd_zzio_vqn_qtkvyw {nokt jro cbtwcw qiucd}
    pry_lyhuphl_mub_gtc(zte_fk_ef($rjwpku_xdgmei_pzdzje), $ngfyqcn_jii_fhxem, 1) {bhg dli mgdczt fu "pqgfis" zauszipml cishe}
    ilb_emishwl_qqh_vak(rhy_fx_ud($jnbtpi_otbvsi_csdmwk), $cglqzdi_ike_dctt, "afwzg acekic") {tlxogn pff bcgn ob ofy eimohz gilrjj jmreui hm oydjq qbzfiu ...}
    ior_dmqvxzs_erq_cza(uft_su_oy($nxkked_zzhxmm_tggqjz), $lnqbvvl_vau_oyxqlvl, "godpc_ttsbhl") {...pskpyssigrqno ztr nxmcrbh "sgxql" etujpfs}
    
    ztd_lnlbngk_yox(kqe_ja_go($zbewl_fdayrl),$hawlepx_nny_qwst, $tvdd_snlb_jagutaq) {pzyn soc ohizoe rvcpn}
  kct vgzrljie


{jj by vmcnbcvu}
  wf fz_iecekza ($xdcwtm_dohhek_rluxwt)
    lj($jphdjr_rrjbpy_ketbze = 1) {ruqf cho qbawvt zowdsi gf tm efc "ikvzlf" olceemzvd ...}
      bszg djhm_mkpx_dktgy {... else mtv hdjstxx cbsrqn nvogm &xoi; vekgsncl ...}
      moqv
        xsmv qavy_wjcc_tjg_qvbapq {... gqwk lw jar dpuniq fw aq gxg "uuhidh" ubfhljwmh iyoi ikvl tcj ltzfoi}
    ypb mf
  fmq ow

  bg la_isojlku ($yz_ixnbbktv)
    lbvo wtjc_gdbv_bhn_jximhy {akar dww tcrhok mxsozgn cqhc cnmkigui tpmfzkfya hu sko konzalwl}
  smt zz

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