Browser & Device Panel

• Browser & Device Panel
  • Browser Behavior Section
  • Runtime and Output Section
  • Mobile Device Limitations Section

Browser & Device Panel

The Browser & Device panel is accessed by going to the Module Editor, then the Top Bar, then clicking the Settings button to open the Settings Sidebar, and finally clicking Browser & Device.

In the Browser & Device panel you configure how the module responds to the browser environment, how its images and markup are output at runtime, and whether the module is limited on mobile devices.

Browser Behavior Section

In the Browser Behavior section control how the module reacts to changes in its container and browser tab, and whether slide changes are reflected in the URL.

Observe Wrapper Container (Toggle)

Set whether the module watches its wrapping container for size changes and recalculates its layout when the container resizes, rather than only responding to changes in the browser window size.

Options:

• _On: The module observes its wrapper container and re-renders when the container’s size changes.
• _Off: The module does not observe its wrapper container.

Freeze on Blur (Toggle)

Set whether the module pauses its animations and slideshow when the browser tab loses focus, resuming when the tab is focused again.

Options:

• _On: The module freezes while its browser tab is in the background.
• _Off: The module keeps running while its browser tab is in the background.

Use Deeplink Hash in URL (Toggle)

Set whether the current slide’s deeplink is written to the URL hash as slides change, allowing individual slides to be linked to and navigated via the browser’s back and forward buttons.

Options:

• _On: The URL hash updates to reflect the current slide’s deeplink.
• _Off: The URL hash is not changed as slides change.

Runtime and Output Section

In the Runtime and Output section control the resolution of generated images, how the module’s markup is output, and how this module uses internal caching.

Max Image DPR (Dropdown)

Set the maximum device pixel ratio used when generating images for the module, capping image resolution to balance visual sharpness against file size and performance.

Options:

• _{Auto but Max x1}: Match the device pixel ratio, but never exceed 1x.
• _{Auto but Max x2}: Match the device pixel ratio, but never exceed 2x.
• _{Auto but Max x3}: Match the device pixel ratio, but never exceed 3x.
• _{Auto but Max x4}: Match the device pixel ratio, but never exceed 4x.
• _Auto: Match the device’s actual pixel ratio with no cap.
• _x1: Force a fixed 1x pixel ratio regardless of the device.
• _x2: Force a fixed 2x pixel ratio regardless of the device.
• _x3: Force a fixed 3x pixel ratio regardless of the device.
• _x4: Force a fixed 4x pixel ratio regardless of the device.

Markup Output Filter (Dropdown)

Set whether the module’s HTML markup is processed before being output to the page.

Options:

• _None: Output the markup without any additional processing.
• _{By Compressing Output}: Compress the markup to reduce its size before output.
• _{By Echo Output}: Output the markup using an echo statement rather than returning it.

Internal Cache Usage (Dropdown)

Set whether this module uses Slider Revolution’s internal caching, overriding the global caching setting for this module only.

Options:

• _{Global Default}: Use whatever internal caching behavior is set in the Global Settings.
• _On: Force internal caching on for this module.
• _Off: Force internal caching off for this module.

Mobile Device Limitations Section

In the Mobile Device Limitations section restrict how the module behaves on mobile devices.

Disable Module on Mobile (Toggle)

Set whether the module is prevented from displaying and running on mobile devices.

Options:

• _On: The module does not display on mobile devices.
• _Off: The module displays on mobile devices.

Disable Pan Zoom Effects on Mobile (Toggle)

Set whether pan and zoom (Ken Burns) effects are disabled on mobile devices, which can improve performance on lower-powered hardware.

Options:

• _On: Pan and zoom effects do not run on mobile devices.
• _Off: Pan and zoom effects run on mobile devices.