Dynamic Layouts

To dynamically toggle element visibility in response to stream interaction, you can directly utilize the .toggle-on-yom-{targetId}:

<div class="additional-info toggle-on-yom-1">
    Information that should show after a user joins the stream.

If you want to apply custom css, you can use the data-hook to associate specific UI elements with the stream, allowing for broader layout adjustments when the stream is activated or deactivated:

<div id="yomTarget-1" data-hook="#{somediv}" data-streamurl="${STREAM_URL}"></div>

Last updated