Mazimized Mode without Full Screen

[assrub]

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:

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();
}

[TimG]

It may be worth you getting in touch with the author of UI3 to get any changes added to the main code. I don't see him here much, but "bp2008" is also on other forums and github.