[{"data":1,"prerenderedAt":569},["ShallowReactive",2],{"navigation_docs_en":3,"-en-touchify-studio-interactions-dialogs":314,"-en-touchify-studio-interactions-dialogs-surround":564},[4,40,116,124,225,253,266],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"/en/getting-started","en/1.getting-started",[10,15,20,25,30,35],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","/en/getting-started/introduction","en/1.getting-started/1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Create a Project","/en/getting-started/create-project","en/1.getting-started/2.create-project","i-lucide-file-plus-2",{"title":21,"path":22,"stem":23,"icon":24},"Studio Interface","/en/getting-started/studio-ui","en/1.getting-started/3.studio-ui","i-lucide-layout-panel-left",{"title":26,"path":27,"stem":28,"icon":29},"Interactive Content","/en/getting-started/create-interactive-content","en/1.getting-started/4.create-interactive-content","i-lucide-fingerprint",{"title":31,"path":32,"stem":33,"icon":34},"Digital Signage","/en/getting-started/create-signage-content","en/1.getting-started/5.create-signage-content","i-lucide-images",{"title":36,"path":37,"stem":38,"icon":39},"Publish and Broadcast","/en/getting-started/publish","en/1.getting-started/6.publish","i-lucide-rss",{"title":41,"path":42,"stem":43,"children":44,"page":6},"Touchify Studio","/en/touchify-studio","en/2.touchify-studio",[45,49,74,97],{"title":11,"path":46,"stem":47,"icon":48},"/en/touchify-studio/introduction","en/2.touchify-studio/1.introduction","i-lucide-home",{"title":50,"path":51,"stem":52,"children":53,"page":6},"Elements","/en/touchify-studio/elements","en/2.touchify-studio/2.elements",[54,59,64,69],{"title":55,"path":56,"stem":57,"icon":58},"Texts","/en/touchify-studio/elements/texts","en/2.touchify-studio/2.elements/1.texts","i-lucide-case-sensitive",{"title":60,"path":61,"stem":62,"icon":63},"Media","/en/touchify-studio/elements/media","en/2.touchify-studio/2.elements/2.media","i-lucide-image-play",{"title":65,"path":66,"stem":67,"icon":68},"Background and Borders","/en/touchify-studio/elements/background-and-borders","en/2.touchify-studio/2.elements/3.background-and-borders","i-lucide-square-dashed-top-solid",{"title":70,"path":71,"stem":72,"icon":73},"Shapes","/en/touchify-studio/elements/drawing","en/2.touchify-studio/2.elements/4.drawing","i-lucide-sparkle",{"title":75,"path":76,"stem":77,"children":78,"page":6},"Interactions","/en/touchify-studio/interactions","en/2.touchify-studio/3.interactions",[79,82,87,92],{"title":11,"path":80,"stem":81,"icon":29},"/en/touchify-studio/interactions/introduction","en/2.touchify-studio/3.interactions/1.introduction",{"title":83,"path":84,"stem":85,"icon":86},"Navigation","/en/touchify-studio/interactions/navigation","en/2.touchify-studio/3.interactions/2.navigation","i-lucide-navigation",{"title":88,"path":89,"stem":90,"icon":91},"Manipulation","/en/touchify-studio/interactions/manipulation","en/2.touchify-studio/3.interactions/3.manipulation","i-lucide-fullscreen",{"title":93,"path":94,"stem":95,"icon":96},"Windows","/en/touchify-studio/interactions/dialogs","en/2.touchify-studio/3.interactions/4.dialogs","i-lucide-message-square-text",{"title":98,"path":99,"stem":100,"children":101,"page":6},"Animations","/en/touchify-studio/animations","en/2.touchify-studio/4.animations",[102,106,111],{"title":11,"path":103,"stem":104,"icon":105},"/en/touchify-studio/animations/introduction","en/2.touchify-studio/4.animations/1.introduction","i-lucide-bring-to-front",{"title":107,"path":108,"stem":109,"icon":110},"Customization","/en/touchify-studio/animations/customize","en/2.touchify-studio/4.animations/2.customize","i-lucide-columns-3-cog",{"title":112,"path":113,"stem":114,"icon":115},"Storyboards","/en/touchify-studio/animations/storyboards","en/2.touchify-studio/4.animations/3.storyboards","i-lucide-clipboard-clock",{"title":117,"path":118,"stem":119,"children":120,"page":6},"Touchify Publisher","/en/touchify-publisher","en/3.touchify-publisher",[121],{"title":11,"path":122,"stem":123,"icon":14},"/en/touchify-publisher/introduction","en/3.touchify-publisher/1.introduction",{"title":125,"path":126,"stem":127,"children":128,"page":6},"Touchify Player","/en/touchify-player","en/4.touchify-player",[129,132,156,215],{"title":11,"path":130,"stem":131,"icon":14},"/en/touchify-player/introduction","en/4.touchify-player/1.introduction",{"title":5,"path":133,"stem":134,"children":135,"page":6},"/en/touchify-player/getting-started","en/4.touchify-player/2.getting-started",[136,141,146,151],{"title":137,"path":138,"stem":139,"icon":140},"The Application","/en/touchify-player/getting-started/application","en/4.touchify-player/2.getting-started/1.application","i-lucide-app-window-mac",{"title":142,"path":143,"stem":144,"icon":145},"Connect","/en/touchify-player/getting-started/connection","en/4.touchify-player/2.getting-started/2.connection","i-lucide-key-round",{"title":147,"path":148,"stem":149,"icon":150},"Home Screen","/en/touchify-player/getting-started/home-screen","en/4.touchify-player/2.getting-started/3.home-screen","i-lucide-grid-2x2",{"title":152,"path":153,"stem":154,"icon":155},"Options","/en/touchify-player/getting-started/settings","en/4.touchify-player/2.getting-started/4.settings","i-lucide-settings",{"title":157,"path":158,"stem":159,"children":160,"page":6},"Installation","/en/touchify-player/installation","en/4.touchify-player/3.installation",[161,166,170,175,180,185,190,195,200,205,210],{"title":162,"path":163,"stem":164,"icon":165},"The Guides","/en/touchify-player/installation/introduction","en/4.touchify-player/3.installation/01.introduction","i-lucide-badge-question-mark",{"title":93,"path":167,"stem":168,"icon":169},"/en/touchify-player/installation/windows","en/4.touchify-player/3.installation/02.windows","i-cib-windows",{"title":171,"path":172,"stem":173,"icon":174},"Android","/en/touchify-player/installation/android","en/4.touchify-player/3.installation/03.android","i-cib-android",{"title":176,"path":177,"stem":178,"icon":179},"ChromeOS","/en/touchify-player/installation/chromeos","en/4.touchify-player/3.installation/04.chromeos","i-cib-google-chrome",{"title":181,"path":182,"stem":183,"icon":184},"Tizen","/en/touchify-player/installation/tizen","en/4.touchify-player/3.installation/05.tizen","i-cib-samsung",{"title":186,"path":187,"stem":188,"icon":189},"BrightSign","/en/touchify-player/installation/brightsign","en/4.touchify-player/3.installation/06.brightsign","i-lucide-cpu",{"title":191,"path":192,"stem":193,"icon":194},"Linux","/en/touchify-player/installation/linux","en/4.touchify-player/3.installation/07.linux","i-cib-linux",{"title":196,"path":197,"stem":198,"icon":199},"macOS","/en/touchify-player/installation/macos","en/4.touchify-player/3.installation/08.macos","i-cib-apple",{"title":201,"path":202,"stem":203,"icon":204},"iOS","/en/touchify-player/installation/ios","en/4.touchify-player/3.installation/09.ios","i-cib-app-store-ios",{"title":206,"path":207,"stem":208,"icon":209},"Android TV","/en/touchify-player/installation/android-tv","en/4.touchify-player/3.installation/10.android-tv","i-lucide-tv",{"title":211,"path":212,"stem":213,"icon":214},"LG webOS","/en/touchify-player/installation/webos","en/4.touchify-player/3.installation/11.webos","i-cbi-lg",{"title":216,"path":217,"stem":218,"children":219,"page":6},"Troubleshooting","/en/touchify-player/troubleshooting","en/4.touchify-player/4.troubleshooting",[220],{"title":221,"path":222,"stem":223,"icon":224},"Kiosk mode unlocking","/en/touchify-player/troubleshooting/kiosk","en/4.touchify-player/4.troubleshooting/1.kiosk","i-lucide-bug",{"title":226,"path":227,"stem":228,"children":229,"page":6},"Tips & Tricks","/en/tips-tricks","en/5.tips-tricks",[230,233,238,243,248],{"title":11,"path":231,"stem":232,"icon":14},"/en/tips-tricks/introduction","en/5.tips-tricks/1.introduction",{"title":234,"path":235,"stem":236,"icon":237},"Keyboard Shortcuts","/en/tips-tricks/shortcuts","en/5.tips-tricks/2.shortcuts","i-lucide-keyboard",{"title":239,"path":240,"stem":241,"icon":242},"Optimize a Video","/en/tips-tricks/optimize-video","en/5.tips-tricks/3.optimize-video","i-lucide-file-play",{"title":244,"path":245,"stem":246,"icon":247},"Interactive Image","/en/tips-tricks/interactive-image","en/5.tips-tricks/4.interactive-image","i-lucide-image-plus",{"title":249,"path":250,"stem":251,"icon":252},"Scrollable area","/en/tips-tricks/scrollable-content","en/5.tips-tricks/5.scrollable-content","i-lucide-gallery-vertical",{"title":254,"path":255,"stem":256,"children":257,"page":6},"Guides and Advice","/en/guides","en/6.guides",[258,261],{"title":11,"path":259,"stem":260,"icon":14},"/en/guides/introduction","en/6.guides/1.introduction",{"title":262,"path":263,"stem":264,"icon":265},"Stripe Terminal","/en/guides/stripe-terminal","en/6.guides/2.stripe-terminal","i-lucide-credit-card",{"title":267,"path":268,"stem":269,"children":270,"page":6},"Applications","/en/applications","en/7.applications",[271,274],{"title":11,"path":272,"stem":273,"icon":14},"/en/applications/introduction","en/7.applications/1.introduction",{"title":275,"path":276,"stem":277,"children":278,"page":6},"Rooms Manager","/en/applications/rooms-manager","en/7.applications/2.rooms-manager",[279,284,289,294,299,304,309],{"title":280,"path":281,"stem":282,"icon":283},"Login","/en/applications/rooms-manager/login","en/7.applications/2.rooms-manager/1.login","i-lucide-rectangle-ellipsis",{"title":285,"path":286,"stem":287,"icon":288},"Sites","/en/applications/rooms-manager/sites","en/7.applications/2.rooms-manager/2.sites","i-lucide-hotel",{"title":290,"path":291,"stem":292,"icon":293},"Meeting rooms","/en/applications/rooms-manager/meeting-rooms","en/7.applications/2.rooms-manager/3.meeting-rooms","i-lucide-ratio",{"title":295,"path":296,"stem":297,"icon":298},"Users","/en/applications/rooms-manager/users","en/7.applications/2.rooms-manager/4.users","i-lucide-users",{"title":300,"path":301,"stem":302,"icon":303},"Booking","/en/applications/rooms-manager/booking","en/7.applications/2.rooms-manager/5.booking","i-lucide-ticket-check",{"title":305,"path":306,"stem":307,"icon":308},"Tablet Booking","/en/applications/rooms-manager/tablet-booking","en/7.applications/2.rooms-manager/6.tablet-booking","i-lucide-tablet",{"title":310,"path":311,"stem":312,"icon":313},"Mobile Booking","/en/applications/rooms-manager/mobile-booking","en/7.applications/2.rooms-manager/7.mobile-booking","i-lucide-smartphone",{"id":315,"title":93,"body":316,"description":555,"extension":556,"links":557,"meta":558,"navigation":559,"path":94,"seo":560,"stem":95,"__hash__":563},"docs_en/en/2.touchify-studio/3.interactions/4.dialogs.md",{"type":317,"value":318,"toc":547},"minimark",[319,324,350,365,369,376,382,442,446,449,453,491,495,498,505,509],[320,321,323],"h2",{"id":322},"apply-an-interaction","Apply an interaction",[325,326,327,328,332,333,337,338,341,342,345,346,349],"p",{},"To add a \"window\" interaction, select your element then click the ",[329,330,331],"strong",{},"\"Element interactions\""," button ",[334,335,336],"em",{},"(touch icon)"," in the right sidebar of the interface.\nChoose the ",[329,339,340],{},"\"Text window\"",", ",[329,343,344],{},"\"Web window\""," or ",[329,347,348],{},"\"Custom window\""," interaction.",[325,351,352,353,332,356,337,359,341,361,345,363,349],{},"To add a window to the page, click the ",[329,354,355],{},"\"Page interactions\"",[334,357,358],{},"(touch / page icon)",[329,360,340],{},[329,362,344],{},[329,364,348],{},[320,366,368],{"id":367},"text-window","Text window",[325,370,371,372,375],{},"Create a text window that appears after an interaction. Many customization options are available to you, but ",[329,373,374],{},"most of them rely on common Studio features",".",[377,378],"nuxt-img",{"alt":379,"src":380,"width":381},"Text Window interaction options","/2-touchify-studio/3-interactions/4-dialogs/fr-studio-dialogs-text-panneau.webp",350,[383,384,385,398,404,410,416,422,432],"ul",{},[386,387,388,391,392,397],"li",{},[329,389,390],{},"Trigger:"," Choose how the window will be activated (to learn more about triggers, go to ",[393,394,396],"a",{"href":395},"introduction#triggers","the article dedicated to interactions",")",[386,399,400,403],{},[329,401,402],{},"Window content:"," insert the text you want to display in the window",[386,405,406,409],{},[329,407,408],{},"Dimensions:"," define the window size",[386,411,412,415],{},[329,413,414],{},"Position:"," choose the window position on the page",[386,417,418,421],{},[329,419,420],{},"Closing options:"," choose which action will close the window",[386,423,424,427,428,397],{},[329,425,426],{},"Text customization:"," format your text (to learn more, go to ",[393,429,431],{"href":430},"../elements/texts","the article dedicated to text customization",[386,433,434,437,438,397],{},[329,435,436],{},"Window customization:"," modify your window style (to learn more, go to ",[393,439,441],{"href":440},"../elements/background-and-borders","the article dedicated to background and borders",[320,443,445],{"id":444},"web-window","Web window",[325,447,448],{},"Create a window containing a web page. Define access, dimensions, style...",[377,450],{"alt":451,"src":452,"width":381},"Web Window interaction options","/2-touchify-studio/3-interactions/4-dialogs/fr-studio-dialogs-web-panneau.webp",[383,454,455,461,467,473,477,481,485],{},[386,456,457,391,459,397],{},[329,458,390],{},[393,460,396],{"href":395},[386,462,463,466],{},[329,464,465],{},"Website URL:"," insert the link to the page you want to display in the window",[386,468,469,472],{},[329,470,471],{},"Security:"," modify the access options to your page",[386,474,475,409],{},[329,476,408],{},[386,478,479,415],{},[329,480,414],{},[386,482,483,421],{},[329,484,420],{},[386,486,487,437,489,397],{},[329,488,436],{},[393,490,441],{"href":440},[320,492,494],{"id":493},"custom-window","Custom window",[325,496,497],{},"Create a custom window from a component.",[499,500,501,504],"caution",{},[329,502,503],{},"Reminder:"," create your component before integrating it into a window.",[377,506],{"alt":507,"src":508,"width":381},"Custom Window interaction options","/2-touchify-studio/3-interactions/4-dialogs/fr-studio-dialogs-custom-panneau.webp",[383,510,511,517,523,529,533,537,541],{},[386,512,513,391,515,397],{},[329,514,390],{},[393,516,396],{"href":395},[386,518,519,522],{},[329,520,521],{},"Component:"," choose the component that will display in the window",[386,524,525,528],{},[329,526,527],{},"Properties:"," if the widget has properties, modify them to customize it",[386,530,531,409],{},[329,532,408],{},[386,534,535,415],{},[329,536,414],{},[386,538,539,421],{},[329,540,420],{},[386,542,543,437,545,397],{},[329,544,436],{},[393,546,441],{"href":440},{"title":548,"searchDepth":549,"depth":549,"links":550},"",2,[551,552,553,554],{"id":322,"depth":549,"text":323},{"id":367,"depth":549,"text":368},{"id":444,"depth":549,"text":445},{"id":493,"depth":549,"text":494},"Learn how to create contextual windows with Touchify Studio.","md",null,{},{"icon":96},{"title":561,"description":562},"Windows in Touchify Studio","Use Touchify Studio to create contextual windows in your content.","8Bw7ai67o9UrGEG7ge4GqdSYWd81S9P8L1m_oxRxWic",[565,567],{"title":88,"path":89,"stem":90,"description":566,"icon":91,"children":-1},"Create a manipulable element with the Manipulation interaction.",{"title":11,"path":103,"stem":104,"description":568,"icon":105,"children":-1},"Learn how to easily animate your content using Studio tools.",1761669905446]