Layers allow you to group Elements together on a Claro page to organize the page or allow for easily targeting for actions.
This lesson shows the steps to assign a Show action to a button, targeting a Layer.
Steps to set a button to show a Pop Up panel as well as include the text string saved to a variable as part of the feedback text on the Pop Up panel.
A Pop Up panel gets shown as a modal window above the main page, which will be shown as grayed-out while the panel is open.
Steps to add a new Layer to a Claro Page.
The Layers feature lets you group together elements on a Claro page to better organize the page or to target for actions like Show or Hide.
Steps to set a button element to show a Pop Up and display a variable string as feedback.
Steps to add a Show Image in a Light Box action to a button.
When the learner selects the button the image will be shown over top of the main page in a Light Box or modal window.
You can add more than one image to this action. The Light Box will automatically switch to a carousel display so the learner can move from one image to the next.
Steps to use the Show Variables setting to display either the default {x} variable placeholder or the full variable string in a text element.
Steps to set up a Show Action where the learner will click on a button to show another element on the Page.
This exampe uses a Button but any element can be set up as the item the learner will interact with, including text elements, image elements and more.
Similarly, this example Shows an image element but any element can be selected as the Target of the Show Action. You can also select multiple elements as targets, to Show more than one thing at a time.
Steps to add a Standard Button element to a Page.
In this example, we add the button as a new element within a Group that is already on the Page.
Steps to Snap an element to a specific location on a Page in Claro.
Steps to add a new Text Element to a Claro Page.
Use Layers to group elements together on a Claro page for organizing the page and for targeting with actions
Steps to set a button to show a Pop Up panel as well as include the text string saved to a variable as part of the feedback text on the Pop Up panel.
A Pop Up panel gets shown as a modal window above the main page, which will be shown as grayed-out while the panel is open.
Steps to add a new Layer to a Claro Page.
The Layers feature lets you group together elements on a Claro page to better organize the page or to target for actions like Show or Hide.
Steps to set a button element to show a Pop Up and display a variable string as feedback.
Steps to add a Show Image in a Light Box action to a button.
When the learner selects the button the image will be shown over top of the main page in a Light Box or modal window.
You can add more than one image to this action. The Light Box will automatically switch to a carousel display so the learner can move from one image to the next.
Steps to use the Show Variables setting to display either the default {x} variable placeholder or the full variable string in a text element.
Steps to set up a Show Action where the learner will click on a button to show another element on the Page.
This exampe uses a Button but any element can be set up as the item the learner will interact with, including text elements, image elements and more.
Similarly, this example Shows an image element but any element can be selected as the Target of the Show Action. You can also select multiple elements as targets, to Show more than one thing at a time.
Steps to add a Standard Button element to a Page.
In this example, we add the button as a new element within a Group that is already on the Page.
Steps to Snap an element to a specific location on a Page in Claro.
Steps to add a new Text Element to a Claro Page.
Use Layers to group elements together on a Claro page for organizing the page and for targeting with actions
Comments ( 0 )
Sign in to join the discussion.