Photino.Blazor.CustomWindow 1.0.0-alpha

This is a prerelease version of Photino.Blazor.CustomWindow.
There is a newer version of this package available.
See the version list below for details.
dotnet add package Photino.Blazor.CustomWindow --version 1.0.0-alpha
NuGet\Install-Package Photino.Blazor.CustomWindow -Version 1.0.0-alpha
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="Photino.Blazor.CustomWindow" Version="1.0.0-alpha" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add Photino.Blazor.CustomWindow --version 1.0.0-alpha
#r "nuget: Photino.Blazor.CustomWindow, 1.0.0-alpha"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install Photino.Blazor.CustomWindow as a Cake Addin
#addin nuget:?package=Photino.Blazor.CustomWindow&version=1.0.0-alpha&prerelease

// Install Photino.Blazor.CustomWindow as a Cake Tool
#tool nuget:?package=Photino.Blazor.CustomWindow&version=1.0.0-alpha&prerelease

 Photino.Blazor.CustomWindow

About

Customizable cross-platform window view and behaviour implementation for Photino.Blazor applications with Chromeless mode.
The project provides Blazor component named CustomWindow that takes up the entire space of the cromeless window and renders custom window header and borders. It includes the possibility of customizing the window header up to the icon, title and control buttons, moving the window on header dragging, window resizing on borders dragging, and some other features such as stretching (expanding) the window by half the screen when moving it to the boundaries of the monitor's work area. Default control buttons allow to minimize, maximize and close the window. At the same time, the component also provides appropriate methods.

How to use

  1. Include Photino.Blazor.CustomWindow as PackageReference to your project.
  2. Copy files from Photino.Blazor.CustomWindow/wwwroot folder to your wwwroot.
  3. Use CustomWindow component as root in your markup and place your content to its WindowContent RenderFragment (see example).
  4. Don't forget to set the PhotinoWindow.Chromeless property to true.

Next steps

  • At the moment the project works correctly only for screens with a 100% zoom factor. I'm waiting for the opportunity to track the monitor scale factor in Photino (Issue). It’s the main reason why the project is in alpha version.
Product Compatible and additional computed target framework versions.
.NET net7.0 is compatible.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 is compatible.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (1)

Showing the top 1 NuGet packages that depend on Photino.Blazor.CustomWindow:

Package Downloads
Photino.Blazor.Docking

Docking system for Photino.Blazor applications with split, tabs and floating panels support

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
1.2.2 137 3/9/2024
1.2.0 104 3/9/2024
1.1.4 105 3/5/2024
1.1.3 106 3/4/2024
1.0.1-alpha 117 1/21/2024
1.0.0-alpha 68 1/21/2024