XperienceCommunity.JsonComponent 2.0.0

dotnet add package XperienceCommunity.JsonComponent --version 2.0.0
                    
NuGet\Install-Package XperienceCommunity.JsonComponent -Version 2.0.0
                    
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="XperienceCommunity.JsonComponent" Version="2.0.0" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="XperienceCommunity.JsonComponent" Version="2.0.0" />
                    
Directory.Packages.props
<PackageReference Include="XperienceCommunity.JsonComponent" />
                    
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 XperienceCommunity.JsonComponent --version 2.0.0
                    
#r "nuget: XperienceCommunity.JsonComponent, 2.0.0"
                    
#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 XperienceCommunity.JsonComponent@2.0.0
                    
#: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=XperienceCommunity.JsonComponent&version=2.0.0
                    
Install as a Cake Addin
#tool nuget:?package=XperienceCommunity.JsonComponent&version=2.0.0
                    
Install as a Cake Tool

Xperience Community: JSON component

Nuget build

Description

This package adds a new UI form component which stores multiple objects in a single field as a JSON array. New objects can be added and removed from the array directly from the administration UI.

Library Version Matrix

Xperience Version Library Version
>= 29.0.0 < 30.0.0 1.x.x
>= 30.5.0 2.x.x

⚙️ Package Installation

Add the package to your application using the .NET CLI

dotnet add package XperienceCommunity.JsonComponent

🚀 Quick Start

  1. Create a model that represents an object in the JSON array. Decorate properties with the JsonInput attribute to enable editing in the administration:
namespace MySite.Models;
public class MyModel {
    [JsonInput]
    public string? Name { get; set; }

    [JsonInput(Type = JsonInputType.Number)]
    public int Age { get; set; }
}
  1. In the Content types application, create a new field on your content type using the "Long text" data type
  2. Select the "JSON array" form component
  3. In the "Model class" property, add the fully-qualified type name (the namespace and class name) of your model from step 1. E.g. "MySite.Models.MyModel"

🗒 Full Instructions

View the Usage Guide for more detailed instructions.

Product Compatible and additional computed target framework versions.
.NET 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.  net9.0 was computed.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed.  net10.0 was computed.  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

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
2.0.0 213 8/19/2025
1.1.0 177 12/11/2024
1.0.0 167 12/6/2024