PanoramicData.Blazor 10.0.384

.NET 10.0 This package targets .NET 10.0. The package is compatible with this framework or higher.
There is a newer version of this package available.
See the version list below for details. 
dotnet add package PanoramicData.Blazor --version 10.0.384
                    


                    

                
NuGet\Install-Package PanoramicData.Blazor -Version 10.0.384
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="PanoramicData.Blazor" Version="10.0.384" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="PanoramicData.Blazor" Version="10.0.384" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="PanoramicData.Blazor" />
                    


                            Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package. 
paket add PanoramicData.Blazor --version 10.0.384
                    


                    

                
#r "nuget: PanoramicData.Blazor, 10.0.384"
#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. 
#:package PanoramicData.Blazor@10.0.384
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package. 
#addin nuget:?package=PanoramicData.Blazor&version=10.0.384
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=PanoramicData.Blazor&version=10.0.384
                    


                            Install as a Cake Tool

License: MIT

NuGet version

Codacy Badge

PanoramicData.Blazor

UI components for Blazor. Try it out on our Demo page!

We needed the following Blazor UI components for several projects, including ReportMagic v3.0:

  • Block Overlay
  • Table
  • Pager
  • Tree
  • Splitter
  • File Explorer
  • Context Menu
  • Toolbar
  • Form
  • File Modal

Rather than buying them in, we made our own, Open Sourced them on Github and made them free (both speech and beer).

More will follow, as we need them. However, we are much more excited to see:

  • what you need
  • your Pull Requests

Please do contribute!

Dependencies

  • Bootstrap (a default Library in a new blazor project) >= 5.1.3

Component Documentation

To improve our project's documentation and make it easier to work with our Blazor components, we've introduced a new automated documentation generation process.

What's New?

  • ComponentDocumentation.md: A new markdown file in the root of the project that provides a comprehensive overview of all PD* Blazor components, including their parameters and descriptions.
  • Automated Generation: This file is generated by a PowerShell script named GenerateDocs.ps1. This script scans all components and their parameters, extracting the XML summary comments to build the documentation.
  • Improved Code Comments: All components have been updated with XML summary comments for their parameters to ensure the generated documentation is as complete as possible.

How to Use It

To update the documentation, simply run the GenerateDocs.ps1 script from a PowerShell terminal in the project root:

.\GenerateDocs.ps1

The script will automatically detect any changes to the documentation and prompt you to commit them. Please note that running this script is currently a manual step required to keep the documentation in sync with the code.

Your Contribution

To ensure the documentation remains complete and accurate, please add XML summary comments to any new components or parameters you create. For example:

/// <summary>
/// A brief description of the parameter.
/// </summary>
[Parameter]
public string MyParameter { get; set; }

This automated process ensures that our documentation stays up-to-date with the codebase, making it easier for everyone to understand how to use our components. It will also help new team members get up to speed more quickly.

Demo Application Documentation

The demo application includes comprehensive documentation for each component, accessible via the Documentation tab on each component's demo page.

Documentation Features

  • Three-tab layout: Demo | Source | Documentation
  • Interactive examples: Live component demos alongside code
  • Progressive complexity: Examples build from basic to advanced
  • Deep linking: Direct URLs to specific tabs and sections (e.g., /pdtiles?tab=docs#row-curves)
  • Mobile responsive: Code and demo stack vertically on narrow screens

Creating Documentation for New Components

  1. Create a PDComponentDocumentation.razor file in Pages/
  2. Use the DocExample component for each example:
<DocExample Title="Example Title"
            AnchorId="unique-anchor"
            Code="@_codeString"
            Language="razor"
            DemoStyle="height: 300px;">
    <DemoContent>
        
    </DemoContent>
    <Description>
        <p>Explanation of the example...</p>
    </Description>
</DocExample>
  1. Add to the demo page:
<DemoSourceView SourceFiles="...">
    <DocumentationContent>
        <PDComponentDocumentation />
    </DocumentationContent>
    <ChildContent>
        
    </ChildContent>
</DemoSourceView>

See PDTilesDocumentation.razor for a complete example.

Product Compatible and additional computed target framework versions.
.NET net10.0 is compatible.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (2)

Showing the top 2 NuGet packages that depend on PanoramicData.Blazor:

Package Downloads
Jakar.Extensions.Blazor

Extensions to aid in development.
PanoramicData.Blazor.Demo

Package Description

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
10.0.387 0 10/20/2026
10.0.385 8 10/19/2026
10.0.384 46 10/19/2026
10.0.383 34 10/19/2026
10.0.382 43 10/19/2026
10.0.381 83 10/18/2026
10.0.378 157 10/16/2026
10.0.366 176 10/15/2026
10.0.350 74 10/14/2026
10.0.345 148 10/13/2026
10.0.344 91 10/13/2026
10.0.342 143 10/12/2026
10.0.340 99 10/12/2026
10.0.339 103 10/11/2026
10.0.333 246 10/6/2026
10.0.330 103 10/5/2026
10.0.325 94 10/5/2026
10.0.323 98 10/5/2026
10.0.322 101 10/5/2026
10.0.315 111 10/4/2026
Loading failed

- PDCardDeckGroup and PDCardDeck: new ShowLoadingIcon, LoadingMessage and ShowLoadingElapsedTime parameters turn the loading icon off (which also stops a group blocking the page while its decks load), change its message and hide its elapsed-time counter, through new Message and ShowElapsedTime parameters on PDCardDeckLoadingIcon. The icon's colour is the new --pd-carddeck-loading-color CSS variable, defaulting to --bs-emphasis-color, so it follows Bootstrap 5.3 dark mode instead of always being black. A deck now loads its cards and joins its group before it downloads its script, so a full page load no longer shows the loading icon while the script downloads, and its cards can be dragged once the script's drop listener is in place.