[{"data":1,"prerenderedAt":684},["ShallowReactive",2],{"navigation_docs_en":3,"-en-build-layers":162,"-en-build-layers-surround":679},[4,26,66,86,117,146],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":25},"Start here","i-lucide-flag","\u002Fen\u002Fstart","en\u002F1.start",[10,15,20],{"title":11,"path":12,"stem":13,"icon":14},"Welcome","\u002Fen\u002Fstart\u002Fwelcome","en\u002F1.start\u002F1.welcome","i-lucide-hand",{"title":16,"path":17,"stem":18,"icon":19},"Your first course","\u002Fen\u002Fstart\u002Ffirst-course","en\u002F1.start\u002F2.first-course","i-lucide-rocket",{"title":21,"path":22,"stem":23,"icon":24},"Editor tour","\u002Fen\u002Fstart\u002Feditor-tour","en\u002F1.start\u002F3.editor-tour","i-lucide-map",false,{"title":27,"icon":28,"path":29,"stem":30,"children":31,"page":25},"Build slides","i-lucide-shapes","\u002Fen\u002Fbuild","en\u002F2.build",[32,37,41,46,51,56,61],{"title":33,"path":34,"stem":35,"icon":36},"Slides, scenes and layouts","\u002Fen\u002Fbuild\u002Fslides-and-scenes","en\u002F2.build\u002F1.slides-and-scenes","i-lucide-presentation",{"title":38,"path":39,"stem":40,"icon":28},"Objects","\u002Fen\u002Fbuild\u002Fobjects","en\u002F2.build\u002F2.objects",{"title":42,"path":43,"stem":44,"icon":45},"Lines and polygons","\u002Fen\u002Fbuild\u002Flines-and-polygons","en\u002F2.build\u002F3.lines-and-polygons","i-lucide-spline",{"title":47,"path":48,"stem":49,"icon":50},"Media","\u002Fen\u002Fbuild\u002Fmedia","en\u002F2.build\u002F4.media","i-lucide-image",{"title":52,"path":53,"stem":54,"icon":55},"Layers","\u002Fen\u002Fbuild\u002Flayers","en\u002F2.build\u002F5.layers","i-lucide-layers-2",{"title":57,"path":58,"stem":59,"icon":60},"Timeline, states and animation","\u002Fen\u002Fbuild\u002Ftimeline-and-animation","en\u002F2.build\u002F6.timeline-and-animation","i-lucide-clapperboard",{"title":62,"path":63,"stem":64,"icon":65},"Design and theme","\u002Fen\u002Fbuild\u002Fdesign-and-theme","en\u002F2.build\u002F7.design-and-theme","i-lucide-palette",{"title":67,"icon":68,"path":69,"stem":70,"children":71,"page":25},"Interactivity","i-lucide-zap","\u002Fen\u002Finteract","en\u002F3.interact",[72,76,81],{"title":73,"path":74,"stem":75,"icon":68},"Triggers and variables","\u002Fen\u002Finteract\u002Ftriggers-and-variables","en\u002F3.interact\u002F1.triggers-and-variables",{"title":77,"path":78,"stem":79,"icon":80},"Trigger recipes","\u002Fen\u002Finteract\u002Ftrigger-recipes","en\u002F3.interact\u002F2.trigger-recipes","i-lucide-chef-hat",{"title":82,"path":83,"stem":84,"icon":85},"Questions and results","\u002Fen\u002Finteract\u002Fquestions-and-results","en\u002F3.interact\u002F3.questions-and-results","i-lucide-list-checks",{"title":87,"icon":88,"path":89,"stem":90,"children":91,"page":25},"Publish and share","i-lucide-package","\u002Fen\u002Fship","en\u002F4.ship",[92,97,102,107,112],{"title":93,"path":94,"stem":95,"icon":96},"Preview and publish","\u002Fen\u002Fship\u002Fpreview-and-export","en\u002F4.ship\u002F1.preview-and-export","i-lucide-play",{"title":98,"path":99,"stem":100,"icon":101},"SCORM and Moodle","\u002Fen\u002Fship\u002Fscorm-and-moodle","en\u002F4.ship\u002F2.scorm-and-moodle","i-lucide-graduation-cap",{"title":103,"path":104,"stem":105,"icon":106},"Imports","\u002Fen\u002Fship\u002Fimports","en\u002F4.ship\u002F3.imports","i-lucide-file-input",{"title":108,"path":109,"stem":110,"icon":111},"Versions and backup","\u002Fen\u002Fship\u002Fversions-and-backup","en\u002F4.ship\u002F4.versions-and-backup","i-lucide-history",{"title":113,"path":114,"stem":115,"icon":116},"Privacy and offline use","\u002Fen\u002Fship\u002Fprivacy-and-offline","en\u002F4.ship\u002F5.privacy-and-offline","i-lucide-shield-check",{"title":118,"icon":119,"path":120,"stem":121,"children":122,"page":25},"Working with AI","i-lucide-sparkles","\u002Fen\u002Fai","en\u002F5.ai",[123,126,131,136,141],{"title":118,"path":124,"stem":125,"icon":119},"\u002Fen\u002Fai\u002Fthree-ways","en\u002F5.ai\u002F1.three-ways",{"title":127,"path":128,"stem":129,"icon":130},"Connect your AI app","\u002Fen\u002Fai\u002Fconnect-your-app","en\u002F5.ai\u002F2.connect-your-app","i-lucide-plug",{"title":132,"path":133,"stem":134,"icon":135},"What the AI can do","\u002Fen\u002Fai\u002Fmcp-tools","en\u002F5.ai\u002F3.mcp-tools","i-lucide-wrench",{"title":137,"path":138,"stem":139,"icon":140},"Prompts that work","\u002Fen\u002Fai\u002Fprompts","en\u002F5.ai\u002F4.prompts","i-lucide-message-square-text",{"title":142,"path":143,"stem":144,"icon":145},"The course script","\u002Fen\u002Fai\u002Fcourse-script","en\u002F5.ai\u002F5.course-script","i-lucide-file-json",{"title":147,"icon":148,"path":149,"stem":150,"children":151,"page":25},"Reference","i-lucide-book-open","\u002Fen\u002Freference","en\u002F6.reference",[152,157],{"title":153,"path":154,"stem":155,"icon":156},"Keyboard shortcuts","\u002Fen\u002Freference\u002Fkeyboard-shortcuts","en\u002F6.reference\u002F1.keyboard-shortcuts","i-lucide-keyboard",{"title":158,"path":159,"stem":160,"icon":161},"Troubleshooting","\u002Fen\u002Freference\u002Ftroubleshooting","en\u002F6.reference\u002F2.troubleshooting","i-lucide-life-buoy",{"id":163,"title":52,"body":164,"description":672,"extension":673,"links":674,"meta":675,"navigation":676,"path":53,"seo":677,"stem":54,"__hash__":678},"docs_en\u002Fen\u002F2.build\u002F5.layers.md",{"type":165,"value":166,"toc":655},"minimark",[167,180,206,213,218,282,302,306,367,371,389,392,397,510,514,560,564,586,590],[168,169,170,171,175,176,179],"p",{},"A ",[172,173,174],"strong",{},"layer"," is an extra sheet that lies on top of a slide. It can hold any objects you like. Layers are perfect for things that should appear only when needed: a pop-up with details, a hint, the feedback \"Correct!\" or \"Try again\". The slide itself is the bottom layer and is called ",[172,177,178],{},"Slide"," in the editor. You work with layers in three places:",[181,182,183,190,200],"ul",{},[184,185,186,189],"li",{},[172,187,188],{},"The bar above the slide",": switch between the slide and its layers, create new ones.",[184,191,192,195,196,199],{},[172,193,194],{},"The Layers tab"," on the right: the list of layers and the ",[172,197,198],{},"Layer properties",".",[184,201,202,205],{},[172,203,204],{},"Triggers",": they show and hide layers while the course runs.",[168,207,208],{},[209,210],"img",{"alt":211,"src":212},"The sample course with the layer \"Name missing\" selected: hint box on the slide, layer properties on the right and the layer's timeline below","\u002Fscreenshots\u002Fen\u002Flayers-properties.png",[214,215,217],"h2",{"id":216},"create-a-pop-up-in-4-steps","Create a pop-up in 4 steps",[219,220,221,226,236,240,243,247,268,272],"procedure",{},[222,223,225],"h3",{"id":224},"create-a-layer","Create a layer",[168,227,228,229,232,233,235],{},"Click the plus in the bar above the slide (or ",[172,230,231],{},"New layer"," in the ",[172,234,52],{}," tab). The new layer is selected. Everything you insert now goes onto this layer.",[222,237,239],{"id":238},"name-it-and-design-it","Name it and design it",[168,241,242],{},"Double-click the layer's name and call it something you will recognize, for example \"Details\". Add a background shape, some text and a close button.",[222,244,246],{"id":245},"open-it-with-a-button","Open it with a button",[168,248,249,250,252,253,255,256,259,260,263,264,267],{},"Go back to ",[172,251,178],{}," in the bar above. Select the button that should open the pop-up. In the ",[172,254,204],{}," tab click ",[172,257,258],{},"New trigger"," and pick the template ",[172,261,262],{},"Button shows layer"," under ",[172,265,266],{},"Quick start",". Choose your layer.",[222,269,271],{"id":270},"close-it-again","Close it again",[168,273,274,275,278,279,199],{},"Switch to your layer, select the close button and add a trigger with the template ",[172,276,277],{},"Close layer",". Test it with ",[172,280,281],{},"Preview",[283,284,287,288,291,292,295,296,298,299,199],"hint-box",{"kind":285,"title":286},"tip","The action behind it","The templates use the trigger actions ",[172,289,290],{},"Show layer"," and ",[172,293,294],{},"Hide layer",". In a layer's own triggers, ",[172,297,294],{}," without a layer name closes that layer itself. More recipes in ",[300,301,77],"a",{"href":78},[214,303,305],{"id":304},"bar-above-the-slide","Bar above the slide",[307,308,309,322],"table",{},[310,311,312],"thead",{},[313,314,315,319],"tr",{},[316,317,318],"th",{},"Element",[316,320,321],{},"What it does",[323,324,325,335,343,351,359],"tbody",{},[313,326,327,332],{},[328,329,330],"td",{},[172,331,178],{},[328,333,334],{},"Switches back to the slide itself (the bottom layer). The number shows how many objects it has.",[313,336,337,340],{},[328,338,339],{},"Layer tabs",[328,341,342],{},"Click a layer to edit it. The number shows its objects.",[313,344,345,348],{},[328,346,347],{},"Eye",[328,349,350],{},"Hides the layer in the editor only, so it doesn't get in your way. Learners are not affected.",[313,352,353,356],{},[328,354,355],{},"Three dots",[328,357,358],{},"The layer's menu: rename, duplicate, delete.",[313,360,361,364],{},[328,362,363],{},"Plus",[328,365,366],{},"Creates a new layer.",[214,368,370],{"id":369},"layers-tab","Layers tab",[168,372,373,374,376,377,380,381,384,385,388],{},"The ",[172,375,52],{}," tab on the right lists ",[172,378,379],{},"Slide and layers",". Lower in the list means further in front. Click an entry to edit it. When the slide itself is selected, its duration, background and audio are in the ",[172,382,383],{},"Format"," tab; ",[172,386,387],{},"Slide properties"," takes you there.",[214,390,198],{"id":391},"layer-properties",[168,393,394,395,199],{},"Select a layer to see its ",[172,396,198],{},[307,398,399,408],{},[310,400,401],{},[313,402,403,406],{},[316,404,405],{},"Setting",[316,407,321],{},[323,409,410,420,430,440,450,460,470,480,490,500],{},[313,411,412,417],{},[328,413,414],{},[172,415,416],{},"Name",[328,418,419],{},"The name you pick in triggers.",[313,421,422,427],{},[328,423,424],{},[172,425,426],{},"Duration",[328,428,429],{},"Length of the layer's own timeline, in seconds.",[313,431,432,437],{},[328,433,434],{},[172,435,436],{},"Hide other layers",[328,438,439],{},"Closes all other layers when this one appears. On by default.",[313,441,442,447],{},[328,443,444],{},[172,445,446],{},"Hide slide",[328,448,449],{},"Makes the objects of the slide below invisible while the layer is open.",[313,451,452,457],{},[328,453,454],{},[172,455,456],{},"Block clicks on the slide",[328,458,459],{},"Learners can't click anything on the slide below while the layer is open.",[313,461,462,467],{},[328,463,464],{},[172,465,466],{},"Pause the slide's timeline",[328,468,469],{},"The slide stops playing while the layer is visible. Useful for pop-ups during a video or animation.",[313,471,472,477],{},[328,473,474],{},[172,475,476],{},"Hide on click outside",[328,478,479],{},"Closes the layer when learners click next to it, like a typical pop-up.",[313,481,482,487],{},[328,483,484],{},[172,485,486],{},"Reset when revisited",[328,488,489],{},"The layer starts fresh every time it opens. Off: it continues where it was.",[313,491,492,497],{},[328,493,494],{},[172,495,496],{},"Allow seekbar",[328,498,499],{},"Learners may scrub within the layer's timeline.",[313,501,502,507],{},[328,503,504],{},[172,505,506],{},"Own background",[328,508,509],{},"Fills the slide behind the layer's objects with its own color or picture.",[214,511,513],{"id":512},"move-objects-between-layers","Move objects between layers",[307,515,516,526],{},[310,517,518],{},[313,519,520,523],{},[316,521,522],{},"What you want",[316,524,525],{},"How",[323,527,528,539,552],{},[313,529,530,533],{},[328,531,532],{},"Move an object to another layer",[328,534,535,536,199],{},"Right-click it and choose ",[172,537,538],{},"Move to layer",[313,540,541,544],{},[328,542,543],{},"Move an object to a brand new layer",[328,545,546,547,549,550,199],{},"Right-click it, ",[172,548,538],{},", ",[172,551,231],{},[313,553,554,557],{},[328,555,556],{},"Move with the mouse",[328,558,559],{},"In the timeline, drag the object's row onto another layer.",[214,561,563],{"id":562},"feedback-layers-of-questions","Feedback layers of questions",[168,565,566,567,549,570,291,573,576,577,232,580,583,584,199],{},"Question slides create their feedback layers by themselves: ",[172,568,569],{},"Correct",[172,571,572],{},"Incorrect",[172,574,575],{},"Try again",". They are normal layers you can redesign freely. If you broke one, ",[172,578,579],{},"Repair feedback layers",[172,581,582],{},"Question"," tab restores the missing parts. See ",[300,585,82],{"href":83},[214,587,589],{"id":588},"if-something-doesnt-work","If something doesn't work",[307,591,592,602],{},[310,593,594],{},[313,595,596,599],{},[316,597,598],{},"Problem",[316,600,601],{},"What to do",[323,603,604,617,627,635,645],{},[313,605,606,609],{},[328,607,608],{},"My layer never appears",[328,610,611,612,614,615,199],{},"Check the trigger on the button: action ",[172,613,290],{}," with the right layer. Test with ",[172,616,281],{},[313,618,619,622],{},[328,620,621],{},"I inserted objects on the wrong layer",[328,623,624,625,199],{},"Look at the bar above the slide to see which layer is active. Right-click the objects and use ",[172,626,538],{},[313,628,629,632],{},[328,630,631],{},"The layer covers my slide in the editor",[328,633,634],{},"Click the eye next to the layer in the bar above the slide. It is hidden in the editor only.",[313,636,637,640],{},[328,638,639],{},"Learners can still click buttons behind the pop-up",[328,641,642,643,199],{},"Switch on ",[172,644,456],{},[313,646,647,650],{},[328,648,649],{},"The pop-up closes when learners click somewhere",[328,651,652,654],{},[172,653,476],{}," is on. Switch it off if learners should close it with your button only.",{"title":656,"searchDepth":657,"depth":657,"links":658},"",2,[659,666,667,668,669,670,671],{"id":216,"depth":657,"text":217,"children":660},[661,663,664,665],{"id":224,"depth":662,"text":225},3,{"id":238,"depth":662,"text":239},{"id":245,"depth":662,"text":246},{"id":270,"depth":662,"text":271},{"id":304,"depth":657,"text":305},{"id":369,"depth":657,"text":370},{"id":391,"depth":657,"text":198},{"id":512,"depth":657,"text":513},{"id":562,"depth":657,"text":563},{"id":588,"depth":657,"text":589},"Put pop-ups, hints and feedback on top of a slide without leaving it, and set how each layer behaves.","md",null,{},{"icon":55},{"title":52,"description":672},"k-Z_-6VDnESXnp6Sw9oe0FqGpi-Cw9V-9BEcnfhB6U8",[680,682],{"title":47,"path":48,"stem":49,"description":681,"icon":50,"children":-1},"Pictures, video, audio, captions, fonts and files - the media library, which formats work, cropping and the captions editor.",{"title":57,"path":58,"stem":59,"description":683,"icon":60,"children":-1},"Decide when objects appear, give objects different looks with states, and add entrance, exit, emphasis and motion path animations.",1793209470780]