Photino.Blazor.CustomWindow
1.3.1
dotnet add package Photino.Blazor.CustomWindow --version 1.3.1
NuGet\Install-Package Photino.Blazor.CustomWindow -Version 1.3.1
<PackageReference Include="Photino.Blazor.CustomWindow" Version="1.3.1" />
paket add Photino.Blazor.CustomWindow --version 1.3.1
#r "nuget: Photino.Blazor.CustomWindow, 1.3.1"
// Install Photino.Blazor.CustomWindow as a Cake Addin #addin nuget:?package=Photino.Blazor.CustomWindow&version=1.3.1 // Install Photino.Blazor.CustomWindow as a Cake Tool #tool nuget:?package=Photino.Blazor.CustomWindow&version=1.3.1
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
- Include Photino.Blazor.CustomWindow as PackageReference to your project.
- Include css and js files from _content/Photino.Blazor.CustomWindow to your index.html as shown in the example. Or you can add their contents manually as your own files.
- Add CustomWindow to your Photino.Blazor application service collection with
AddCustomWindow()
extension. - Use
CustomWindow
component as root in your markup and place your content to itsWindowContent
RenderFragment (see example). - Don't forget to set the
PhotinoWindow.Chromeless
property to true. - Override --pb-custom-window-[. . .] css variables for styling (default values here).
Problems
- When Blazor catch an unhandled error, entire window freezes including any interaction with CustomWindow. This can only be solved by creating a solution based on JavaScript and not Blazor.
Product | Versions 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. |
-
net7.0
- Photino.Blazor (>= 3.1.10)
-
net8.0
- Photino.Blazor (>= 3.1.10)
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.3.1 | 561 | 9/28/2024 |
1.2.2 | 218 | 3/9/2024 |
1.2.0 | 138 | 3/9/2024 |
1.1.4 | 145 | 3/5/2024 |
1.1.3 | 145 | 3/4/2024 |
1.0.1-alpha | 155 | 1/21/2024 |
1.0.0-alpha | 93 | 1/21/2024 |