%%[[if edit]]%%

TopBox Trigger

%%[[endif]]%% %%[[if edit]]%% %[if %("%id=topboxtrigger%" == "another")% ]%

This TopBox can only be accessed via the next / previous buttons, of another TopBox within the %id=galleryid% gallery set.

%[endif]% %[if %("%id=topboxtrigger%" == "button")% ]%

This TopBox can be opened by clicking or tapping a button. The button text can be changed in the settings. Custom classes allow you to style the button to match other buttons on your page.

%[endif]% %[if %("%id=topboxtrigger%" == "custom")% ]%

This TopBox can be triggered using a custom ID, class or element name (specified in the Custom Trigger box of the advanced settings). See the website for more details and sample HTML markup.

%[endif]% %[if %("%id=topboxtrigger%" == "stacks")% ]%

Drag and drop stacks into the placeholder shown below. This is the content visitors to your website click or tap, to open the TopBox.

%[endif]% %[if %("%id=topboxtrigger%" == "localimage")% ]%

Drag and drop an image into the stack settings on the right. This is the image visitors to your website click or tap, to open the TopBox.

%[endif]% %[if %("%id=topboxtrigger%" == "warehousedimage")% ]%

In the stack settings, link to an image stored on your web server or another public location. This is the image visitors to your website click or tap, to open the TopBox.

%[endif]% %%[[endif]]%%
%[if %("%id=topboxtrigger%" == "stacks")% ]%
%slice%
%[endif]% %[if %("%id=topboxtrigger%" == "localimage")% ]%
%id=triggerlocalimagealt%
%[endif]% %[if %("%id=topboxtrigger%" == "warehousedimage")% ]%
%id=triggerimagealt%
%[endif]% %[if %("%id=indicatoricon%" == "indicatoricontrue")% ]%
%id=indicatoriconmarkup%
%[endif]% %[if %("%id=topboxcontent%" == "ajaxcontent")% ]% %[if %("%id=topboxtrigger%" == "button")% ]%%id=button_label%%[endif]% %[endif]% %[if %("%id=topboxcontent%" == "demoimagecontent")% ]% %[if %("%id=topboxtrigger%" == "button")% ]%%id=button_label%%[endif]% %[endif]% %[if %("%id=topboxcontent%" == "audiocontent")% ]% %[if %("%id=topboxtrigger%" == "button")% ]%%id=button_label%%[endif]% %[endif]% %[if %("%id=topboxcontent%" == "videocontent")% ]% %[if %("%id=topboxtrigger%" == "button")% ]%%id=button_label%%[endif]% %[endif]% %[if %("%id=topboxcontent%" == "iframecontent")% ]% %[if %("%id=topboxtrigger%" == "button")% ]%%id=button_label%%[endif]% %[endif]% %[if %("%id=topboxcontent%" == "inlinecontent")% ]% %[if %("%id=topboxtrigger%" == "button")% ]%%id=button_label%%[endif]% %[endif]% %[if %("%id=topboxcontent%" == "stackscontent")% ]% %[if %("%id=topboxtrigger%" == "button")% ]%%id=button_label%%[endif]% %[endif]% %[if %("%id=topboxcontent%" == "localimagecontent")% ]% %[if %("%id=topboxtrigger%" == "button")% ]%%id=button_label%%[endif]% %[endif]% %[if %("%id=topboxcontent%" == "youtubevimeocontent")% ]% %[if %("%id=topboxtrigger%" == "button")% ]%%id=button_label%%[endif]% %[endif]% %[if %("%id=topboxcontent%" == "warehousedimagecontent")% ]% %[if %("%id=topboxtrigger%" == "button")% ]%%id=button_label%%[endif]% %[endif]% %[if %("%id=topboxcontent%" == "retinacontent")% ]% %[if %("%id=topboxtrigger%" == "button")% ]%%id=button_label%%[endif]% %[endif]%
%%[[if edit]]%%

TopBox Content

%%[[endif]]%% %%[[if edit]]%% %[if %("%id=topboxcontent%" == "ajaxcontent")% ]%

This TopBox is set to load an AJAX resource from %id=ajaxpath%

%[endif]% %[if %("%id=topboxcontent%" == "demoimagecontent")% ]%

This TopBox is set to display a demo image.

%[endif]% %[if %("%id=topboxcontent%" == "audiocontent")% ]%

Configure the MP3 file link in the TopBox settings. An attempt is made to scale audio player responsively and auto-play it in supported web browsers.

%[endif]% %[if %("%id=topboxcontent%" == "videocontent")% ]%

Configure the MP4 file link in the TopBox settings. An attempt is made to scale video responsively and auto-play it in supported web browsers.

%[endif]% %[if %("%id=topboxcontent%" == "inlinecontent")% ]%

Configure the ID of the element you wish to embed within TopBox, in the stack settings. Currently this TopBox is setup to embed a container from your page with an ID of %id=inlineselector%

%[endif]% %[if %("%id=topboxcontent%" == "stackscontent")% ]%

Stack elements dragged and dropped into the placeholder below will be shown within the TopBox.

%[endif]% %[if %("%id=topboxcontent%" == "localimagecontent")% ]%

Drag and drop an image into the stack settings on the right. This is the image visitors to your website see when they open the TopBox.

%[endif]% %[if %("%id=topboxcontent%" == "youtubevimeocontent")% ]%

This TopBox is set to open a video from %id=youtubevimeolink -href%.

%[endif]% %[if %("%id=topboxcontent%" == "warehousedimagecontent")% ]%

This TopBox is set to open an image stored at %id=warehousedimagelink -href%.

%[endif]% %[if %("%id=topboxcontent%" == "iframecontent")% ]%

This TopBox is set to load an iFrame containing content from %id=iframelink -href%.

%[endif]% %[if %("%id=topboxcontent%" == "retinacontent")% ]%

This TopBox is set to open an image stored at %id=retinastandardlink -href%. If a retina display is detected viewing your webpage, the standard image will be replaced with a high-resolution version stored at %id=retinahireslink -href%.

%[endif]% %%[[endif]]%% %[if %("%id=topboxcontent%" == "demoimagecontent")% ]% %%[[if edit]]%% TopBox Image %%[[endif]]%% %[endif]% %[if %("%id=topboxcontent%" == "localimagecontent")% ]% %%[[if edit]]%% TopBox Image %%[[endif]]%% %[endif]% %[if %("%id=topboxcontent%" == "stackscontent")% ]%
%slice%
%[endif]%