Phases.Umbraco.CharacterCounter 1.0.3

.NET 10.0 This package targets .NET 10.0. The package is compatible with this framework or higher. 
dotnet add package Phases.Umbraco.CharacterCounter --version 1.0.3
                    


                    

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


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="Phases.Umbraco.CharacterCounter" />
                    


                            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 Phases.Umbraco.CharacterCounter --version 1.0.3
                    


                    

                
#r "nuget: Phases.Umbraco.CharacterCounter, 1.0.3"
#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 Phases.Umbraco.CharacterCounter@1.0.3
#: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=Phases.Umbraco.CharacterCounter&version=1.0.3
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=Phases.Umbraco.CharacterCounter&version=1.0.3
                    


                            Install as a Cake Tool

Phases.Umbraco.CharacterCounter

A custom Umbraco property editor — Character Counter Textbox — that works like the built-in Textbox, with a live character count under the field (for example 42 / 160).

Typing past the soft limit is allowed. The counter turns orange when you are within 10 characters of the limit, and red when the limit is exceeded.

Compatible with Umbraco 17 and Umbraco 18.

Install

dotnet add package Phases.Umbraco.CharacterCounter

Or in your .csproj:

<PackageReference Include="Phases.Umbraco.CharacterCounter" Version="1.0.3" />

Restart the site after install, then hard-refresh the backoffice (Ctrl+F5).

Requirements
Umbraco >= 17.0.0 and < 19.0.0
.NET net10.0 (same as Umbraco 17/18)

How to use

  1. In the backoffice go to Settings → Data Types → Create.
  2. Select the property editor Character Counter Textbox (group: common).
  3. Configure the Data Type (see below), then save.
  4. Add that Data Type to a Document Type property.

Stored value type: plain string (Umbraco.Plain.String).

Configuration

Setting Description Default
Maximum characters Soft limit shown in the counter. Typing past this is allowed. 160
Placeholder text Optional placeholder when the field is empty. (none)
Multi-line Use a textarea instead of a single-line input. false

Features

  • Live {current} / {max} counter while typing
  • Warning color near the limit; danger color when over
  • Does not block input past the maximum
  • Single-line (uui-input) or multi-line (uui-textarea)
  • Read-only support in the backoffice

For contributors (source repo)

This repository contains:

Project Role
Umbraco.CharacterCounter.Package NuGet / RCL package (Phases.Umbraco.CharacterCounter)
Umbraco.CharacterCounter Sample Umbraco site for local testing 
# Build the Lit UI
cd Umbraco.CharacterCounter.Package/client
npm install --legacy-peer-deps
npm run build

# Pack
dotnet pack Umbraco.CharacterCounter.Package/Umbraco.CharacterCounter.Package.csproj -c Release -o artifacts
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

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
1.0.3 120 8/13/2026
1.0.2 107 8/12/2026