Studio Editor: Applying a Glass Effect

2 min read
Apply a frosted glass effect to the background of your container, cell, or repeater item. This blurring effect adds a sleek touch to your design, perfect for highlighting important content. You can control the blur intensity to achieve the exact look you want.
example of multiple containers with the glass effect applied, placed over images to show text more clearly

To apply a glass effect:

  1. Select the relevant container, cell, or repeater item.
  2. Click the Open Inspector icon  at the top right of the editor.
A screenshot of opening the Inspector panel in the Studio Editor.
  1. (Optional) Choose a Background color and use the slider to adjust its opacity.
  2. Enable the Apply glass effect toggle.
  3. Use the slider under Blur intensity to increase or decrease the blur.
A container in the Studio Editor and the Inspector panel, applying glass effect

Did this help?

|