Mazimized Mode without Full Screen
Posted: Tue Feb 13, 2024 6:22 pm
Hello, I want to share something that I needed and was able to solve. As you can see, in UI3, it is necessary to maximize the screen (F11) to hide the panels on the left and top. This can be changed by modifying the following. First, make a backup copy of the "ui3.js" file in the location "C:\Program Files\Blue Iris 5\www\ui3". Then, find the following line "Maximized Mode" and modify it with what I share here:
MODIFIED CODE:
MODIFIED CODE:
Code: Select all
///////////////////////////////////////////////////////////////
// Maximized Mode /////////////////////////////////////////////
///////////////////////////////////////////////////////////////
function MaximizedModeController()
{
var self = this;
$("#clipMaximizeButton,#clipExitMaximizeButton")
.on("click", function () { self.toggleMaximize(); })
.on("mousedown touchstart", function (e)
{
// Prevents the button click from causing camera maximize actions.
// Do not use touchEvents.Gate(e) here, otherwise events sneak through on touchscreens.
// stopPropagation prevents the event from reaching videoPlayer.
e.stopPropagation();
// And [suppressMouseHelper] clears the state in case the event got there before we stopped propagation.
videoPlayer.suppressMouseHelper();
});
this.updateMaximizeButtonState = function () {
// Elimina las verificaciones y muestra siempre el botón
$("#clipMaximizeButton").removeClass('maximizeButtonHidden');
$("#clipExitMaximizeButton").addClass('maximizeButtonHidden');
if (loadingHelper.DidLoadingFinish()) {
resized();
}
};
this.toggleMaximize = function ()
{
if (settings.ui3_is_maximized === "1")
settings.ui3_is_maximized = "0";
else
settings.ui3_is_maximized = "1";
this.loadMaximizeState();
};
this.loadMaximizeState = function ()
{
if (settings.ui3_is_maximized === "1")
$("#layoutleft,#layouttop").hide();
else
$("#layoutleft,#layouttop").show();
this.updateMaximizeButtonState();
clipLoader && clipLoader.RedrawClipList();
BI_CustomEvent.Invoke("MaximizeChanged", settings.ui3_is_maximized === "1");
}
this.EnableMaximizedMode = function ()
{
if (settings.ui3_is_maximized !== "1")
this.toggleMaximize();
};
this.DisableMaximizedMode = function ()
{
if (settings.ui3_is_maximized === "1")
this.toggleMaximize();
};
this.loadMaximizeState();
}