Mazimized Mode without Full Screen

Post Reply
assrub
Posts: 2
Joined: Tue Feb 13, 2024 5:03 pm

Mazimized Mode without Full Screen

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

User avatar
TimG
Posts: 2098
Joined: Tue Jun 18, 2019 10:45 am
Location: Nottinghamshire, UK.

Re: Mazimized Mode without Full Screen

Post by 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.
Forum Moderator.
Problem ? Ask and we will try to assist, but please check the Help file.
Post Reply