PanoramicData.Blazor 10.0.205

.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.205
                    


                    

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


                            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.205
                    


                    

                
#r "nuget: PanoramicData.Blazor, 10.0.205"
#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.205
#: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.205
                    


                            Install as a Cake Addin
                        

                    

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


                            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.215 0 8/30/2026
10.0.214 0 8/29/2026
10.0.205 127 8/28/2026
10.0.202 80 8/25/2026
10.0.200 74 8/24/2026
10.0.198 86 8/24/2026
10.0.195 91 8/24/2026
10.0.194 132 8/23/2026
10.0.193 97 8/23/2026
10.0.192 129 8/19/2026
10.0.189 136 8/8/2026
10.0.186 103 8/7/2026
10.0.185 217 7/24/2026
10.0.184 123 7/24/2026
10.0.178 136 7/22/2026
10.0.177 110 7/22/2026
10.0.176 111 7/21/2026
10.0.175 116 7/21/2026
10.0.173 108 7/20/2026
10.0.171 105 7/20/2026
Loading failed

- PDTable: fixed a double vertical scrollbar wherever a table sits directly under an ancestor with a definite height. BC-81 added overflow-x:auto to contain wide columns but left overflow-y unset, and the CSS overflow spec silently coerces an unset overflow-y to auto whenever overflow-x isn't visible - combined with the table's pre-existing height:100%, that let PDTable self-clip and grow its own inner scrollbar stacked on top of whatever was already scrolling the page around it. The base .pdtable rule now uses height:auto, so the table box always matches its own content height and can never have vertical overflow of its own to scroll; overflow-x containment is unaffected. The opt-in MaxHeight/StickyHeader/StickyPager scrollable-table mode keeps its own height:100% via .pdtable-container, so that behaviour is unchanged (BC-81).