[{"data":1,"prerenderedAt":809},["ShallowReactive",2],{"navigation_docs_en":3,"-en-touchify-studio-elements-texts":314,"-en-touchify-studio-elements-texts-surround":804},[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":55,"body":316,"description":795,"extension":796,"links":797,"meta":798,"navigation":799,"path":56,"seo":800,"stem":57,"__hash__":803},"docs_en/en/2.touchify-studio/2.elements/1.texts.md",{"type":317,"value":318,"toc":771},"minimark",[319,324,338,346,353,359,366,369,373,380,383,387,394,398,409,413,447,470,474,477,483,489,507,511,522,550,554,561,568,571,576,596,599,606,611,627,635,644,655,659,665,672,676,686,692,696,699,709,713,717,720,730,734,740,744,751,757,764,767],[320,321,323],"h2",{"id":322},"insert-text","Insert Text",[325,326,327,328,332,333,337],"p",{},"First, click on the ",[329,330,331],"strong",{},"\"Insert text\""," button ",[334,335,336],"em",{},"(T icon)"," in the insertion menu, on the left of the interface. A window offering different text styles will open.",[339,340,342,343],"h3",{"id":341},"method-1-click","Method 1: ",[334,344,345],{},"click",[325,347,348,349,352],{},"Click on the text style you want to add: a new block will appear at the top left of your page. ",[329,350,351],{},"\"Text\""," will be written there as a marker.",[354,355],"nuxt-img",{"alt":356,"src":357,"provider":358},"Insert text by clicking","/2-touchify-studio/2-elements/1-texts/fr-studio-texts-inserer-click.webp","none",[339,360,362,363],{"id":361},"method-2-draw","Method 2: ",[334,364,365],{},"draw",[325,367,368],{},"Hold down the left click and draw your block anywhere on the page. Type your text as soon as the box appears: any empty text block is deleted once deselected.",[354,370],{"alt":371,"src":372,"provider":358},"Insert text by drawing","/2-touchify-studio/2-elements/1-texts/fr-studio-texts-inserer-draw.webp",[339,374,376,377],{"id":375},"method-3-drag-drop","Method 3: ",[334,378,379],{},"drag & drop",[325,381,382],{},"Drag and drop the style of your choice into your page: a new block will appear where you release the click. \"Text\" will be written there as a marker.",[354,384],{"alt":385,"src":386,"provider":358},"Insert text by drag & drop","/2-touchify-studio/2-elements/1-texts/fr-studio-texts-inserer-dragdrop.webp",[388,389,390,393],"caution",{},[329,391,392],{},"Reminder:"," any empty text block is deleted once deselected.",[320,395,397],{"id":396},"customize-text","Customize Text",[325,399,400,401,404,405,408],{},"To format your text, select the element to display the ",[329,402,403],{},"\"Element customization\""," options ",[334,406,407],{},"(crosshair icon)"," from the right sidebar.\nThe editing panel will show the customization options.",[339,410,412],{"id":411},"editing-and-formatting","Editing and Formatting",[414,415,419,442],"u-page-card",{"orientation":416,"reverse":417,"variant":418},"horizontal","true","naked",[420,421,423],"template",{"v-slot:description":422},"",[424,425,426,433,436,439],"ol",{},[427,428,429,430],"li",{},"Edit the text in the Edit panel ",[334,431,432],{},"(or by double-clicking on the text block)",[427,434,435],{},"Modify the typography, size and color of the characters",[427,437,438],{},"Apply bold, italic, underline, highlight...",[427,440,441],{},"Master the justification of your text",[443,444],"img",{"alt":445,"src":446},"Text editing panel","/2-touchify-studio/2-elements/1-texts/fr-studio-texts-panneau-edition.webp",[448,449,450,451,455,456,459,460,463,465,466,469],"note",{},"To add your typography, click on the fonts dropdown button and press the ",[452,453,454],"span",{},"+"," ",[329,457,458],{},"\"Add\""," button, at the top right of the window.\n",[461,462],"br",{},[461,464],{},"\nYou can also import your fonts in the ",[329,467,468],{},"\"My Brand\""," section of your profile.",[339,471,473],{"id":472},"editing-panels-or-block-editing-whats-the-difference","Editing panels or block editing? What's the difference?",[325,475,476],{},"There are two ways to customize your text.",[325,478,479,482],{},[329,480,481],{},"Via the editing panel:"," this method, mentioned above, allows you to modify a text element as a whole. All characters in the selected block will be modified.",[325,484,485,488],{},[329,486,487],{},"Via block editing:"," when you edit the content of your text element, a customization banner appears. It does not affect the entire block but only the characters you have selected.\nThis method allows, for example, to apply a color and boldness to important words.",[490,491,498,499,498,503],"div",{"className":492},[493,494,495,496,497],"mt-4","grid","sm:grid-cols-2","gap-4","max-w-full","\n  ",[443,500],{"src":501,"alt":502},"/2-touchify-studio/2-elements/1-texts/fr-studio-texts-toolbar.webp","Toolbar in block editing",[443,504],{"src":505,"alt":506},"/2-touchify-studio/2-elements/1-texts/fr-studio-texts-toolbar-edit.webp","Modifying part of a text",[339,508,510],{"id":509},"advanced-options","Advanced Options",[325,512,513,514,517,518,521],{},"Modify more advanced settings in the ",[329,515,516],{},"\"Advanced Options\""," subsection of the ",[329,519,520],{},"\"Formatting\""," panel:",[414,523,524,546],{"orientation":416,"reverse":417,"variant":418},[420,525,526],{"v-slot:description":422},[424,527,528,531,534,537,540,543],{},[427,529,530],{},"Modify the space between letters to aerate or condense the paragraph",[427,532,533],{},"Control the space between lines",[427,535,536],{},"Apply an indent-type offset at the beginning of the paragraph",[427,538,539],{},"If your text overflows the block, allow the user to scroll the text",[427,541,542],{},"Separate the same text element into multiple columns",[427,544,545],{},"Mark characters with a drop shadow",[443,547],{"alt":548,"src":549},"Advanced editing panel","/2-touchify-studio/2-elements/1-texts/fr-studio-texts-panneau-edition-avance.webp",[339,551,553],{"id":552},"paragraph-style","Paragraph Style",[325,555,556,557,560],{},"This subsection contains paragraph settings: they are ",[329,558,559],{},"complementary to text formatting while being autonomous",".\nFor example, you can modify the space between paragraphs independently of the space between lines.",[354,562],{"alt":563,"src":564,"className":565},"Examples of paragraph styles","/2-touchify-studio/2-elements/1-texts/fr-studio-texts-paragraphes-exemples.webp",[566,567],"w-full","bg-[white]",[325,569,570],{},"Several tools are available to customize your paragraphs:",[354,572],{"alt":573,"src":574,"width":575},"Editing paragraph styles","/2-touchify-studio/2-elements/1-texts/fr-studio-texts-paragraphes-edition.webp",450,[424,577,578,581,584,587,590,593],{},[427,579,580],{},"Choose a background color",[427,582,583],{},"Apply an outline",[427,585,586],{},"Round the corners of the paragraph area",[427,588,589],{},"Add a drop shadow",[427,591,592],{},"Set an internal margin",[427,594,595],{},"Manage external margins",[320,597,65],{"id":598},"background-and-borders",[325,600,601,602,605],{},"Beyond textual content, the block itself is customizable. The ",[329,603,604],{},"\"Background and borders\""," panel contains different options.",[354,607],{"alt":608,"src":609,"width":610},"Editing box styles","/2-touchify-studio/2-elements/1-texts/fr-studio-texts-boite.webp",350,[424,612,613,616,619,622,625],{},[427,614,615],{},"Apply a background color",[427,617,618],{},"Add an outline on the border(s) of your choice",[427,620,621],{},"Round the corner(s) of your choice",[427,623,624],{},"Generate a drop shadow",[427,626,592],{},[448,628,629,630],{},"This functionality modifies the element as such. Therefore, it exists for all types of elements: image, video, document, menu, window...\n",[631,632,634],"a",{"href":633},"/en/touchify-player/elements/background-and-borders","Go to the dedicated article to better understand backgrounds.",[388,636,637,639,640,643],{},[329,638,392],{}," the margins, backgrounds and outlines described here are not the same as those in the ",[329,641,642],{},"\"Paragraph Style\""," subsection",[490,645,498,647,498,651],{"className":646},[493,494,495,496,497,567],[443,648],{"src":649,"alt":650},"/2-touchify-studio/2-elements/1-texts/fr-studio-texts-vs-paragraphes.webp","Comparison of paragraph styles and box styles",[443,652],{"src":653,"alt":654},"/2-touchify-studio/2-elements/1-texts/fr-studio-texts-vs-boites.webp","Comparison of box styles and paragraph styles",[320,656,658],{"id":657},"styles","Styles",[325,660,661,662,664],{},"To facilitate the customization of your texts, use the ",[329,663,658],{}," functionality: save your customization and apply it with one click on your new elements.",[448,666,667,668,671],{},"The following functionalities are illustrated by text styles, but note that box and window styles work the same way.\nYou can use these tips on ",[329,669,670],{},"all types of styles",".",[339,673,675],{"id":674},"apply-a-style","Apply a Style",[325,677,678,679,681,682,685],{},"In the ",[329,680,520],{}," panel, click on the ",[329,683,684],{},"\"Style\""," button: choose a text style from the proposed list. Your element will adopt the formatting of the selected style.",[325,687,688],{},[443,689],{"alt":690,"src":691},"Selecting a text style","/2-touchify-studio/2-elements/1-texts/fr-studio-texts-styles-select.webp",[339,693,695],{"id":694},"save-a-style","Save a Style",[325,697,698],{},"You have just customized a text and want to keep this style in memory.",[325,700,701,702,705,706,708],{},"Click on the ",[329,703,704],{},"\"Add a style\""," button to the right of the ",[329,707,684],{}," dropdown button and note the name you want to assign to this new style. It will automatically apply to your selected element.",[354,710],{"alt":711,"src":712,"width":610},"Add a text style","/2-touchify-studio/2-elements/1-texts/fr-studio-texts-styles-ajouter.webp",[339,714,716],{"id":715},"go-further","Go Further",[325,718,719],{},"You have modified an element and want to save these modifications in the applied style.",[325,721,722,723,726,727,729],{},"Select the element, then click on the ",[329,724,725],{},"\"Save\""," button next to the ",[329,728,684],{}," dropdown button. The modifications will be automatically taken into account by all other elements bearing this style.",[354,731],{"alt":732,"src":733,"width":610},"Save a text style","/2-touchify-studio/2-elements/1-texts/fr-studio-texts-styles-enregistrer.webp",[325,735,736,737,739],{},"You can also modify your styles from the ",[329,738,684],{}," tab, in the Studio's top menu.",[354,741],{"alt":742,"src":743,"width":575},"Styles tab","/2-touchify-studio/2-elements/1-texts/fr-studio-texts-styles-onglet.webp",[325,745,746,747,750],{},"Customize all your texts by modifying the ",[329,748,749],{},"Default Style",": it defines the parameters of texts that do not have a style applied. It also serves as a base for all other styles.",[325,752,753],{},[443,754],{"alt":755,"src":756},"Default style","/2-touchify-studio/2-elements/1-texts/fr-studio-texts-styles-defaut.webp",[325,758,759,760,763],{},"Styles are classified by categories. Look for the category of the style you want to modify in the left panel, then ",[329,761,762],{},"select it to customize"," it at the root.",[325,765,766],{},"The modifications will be taken into account by all other elements bearing this style.",[354,768],{"alt":769,"src":770,"width":610},"Style categories","/2-touchify-studio/2-elements/1-texts/fr-studio-texts-styles-categories.webp",{"title":422,"searchDepth":772,"depth":772,"links":773},2,[774,783,789,790],{"id":322,"depth":772,"text":323,"children":775},[776,779,781],{"id":341,"depth":777,"text":778},3,"Method 1: click",{"id":361,"depth":777,"text":780},"Method 2: draw",{"id":375,"depth":777,"text":782},"Method 3: drag & drop",{"id":396,"depth":772,"text":397,"children":784},[785,786,787,788],{"id":411,"depth":777,"text":412},{"id":472,"depth":777,"text":473},{"id":509,"depth":777,"text":510},{"id":552,"depth":777,"text":553},{"id":598,"depth":772,"text":65},{"id":657,"depth":772,"text":658,"children":791},[792,793,794],{"id":674,"depth":777,"text":675},{"id":694,"depth":777,"text":695},{"id":715,"depth":777,"text":716},"Learn to integrate and customize your texts: size, typography, color...","md",null,{},{"icon":58},{"title":801,"description":802},"Texts in Touchify Studio","Use Touchify Studio's creation tools to integrate and customize your texts.","zjp_72joykcQlFYMjFbH7cdPtVJNd3Z0xIy8dxkCAeY",[805,807],{"title":11,"path":46,"stem":47,"description":806,"icon":48,"children":-1},"Discover the creation tools available to you in Touchify Studio.",{"title":60,"path":61,"stem":62,"description":808,"icon":63,"children":-1},"Get familiar with the file explorer and import your media: images, videos, documents...",1761669904085]