Skip to content

Consider adding the option to display presentation slides only (a "focus" view) #4

@reubenjs

Description

@reubenjs

One use I have for this is to allow a presenter to see their slides and advance them from where they are speaking. In this instance it's useful to be able to hide the side menus and just show the slide grid. a toggle is needed so that side menus can still be accessed. Attached example of the feature

var sideMenus = true;

function toggleSideMenus() {
    if (sideMenus) {
        // Decrease the width of the side menu to display it
        document.getElementById("sections").style.width = "0";
        document.getElementById("section-1").style.width = "0"; //264px
        document.getElementById("section-2").style.width = "0"; //284px
        document.getElementById("presentations").style.marginLeft = "0"; //265px
        document.getElementById("presentations").style.marginRight = "0"; //285px
    }
    else {
        // Increase the width of the side menu to display it
        document.getElementById("sections").style.width = "250px";
        document.getElementById("section-1").style.width = "264px"; 
        document.getElementById("section-2").style.width = "284px"; 
        document.getElementById("presentations").style.marginLeft = "265px";
        document.getElementById("presentations").style.marginRight = "285px";  
    }

    // Toggle side menus setting
    sideMenus = !sideMenus;
}
<div class="producer-controls">
                <a onclick="toggleSideMenus();">
                    <div class="control-container">
                        <div class="control-button"><i class="fas fa-th-large"></i></div>
                        <div class="control-text">Focus</div>
                    </div>
                </a>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions