Limbo Separator is a small package for Umbraco that adds a property editor serving as a separator to give a better overview of properties within your Umbraco content types.
License: | MIT License |
Umbraco: | Umbraco 13 |
Target Framework: | .NET 8 |
To install the package via NuGet, you can use either .NET CLI:
dotnet add package Limbo.Umbraco.Separator --version 13.0.0
or the NuGet Package Manager:
Install-Package Limbo.Umbraco.Separator -Version 13.0.0
-
For Umbraco 10-12, see the v1/main branch.
-
For previous versions of Umbraco, see either our older Skybrud.Separator package (for Umbraco 8 and 9), or the CM.Seperator package by Rasmus Fjord (for Umbraco 7).
The separator property editor helps group similar properties within an existing property group:
The title shown in the separator is based on the label of the property. If you also enter a description for your property, the description will be shown below the separator title.
The separator data type has an optional option for entering a custom CSS class name, which can then be used to customize the styling of the separator. Eg. if you'd wish to create a separator that is more visible than the default styling.
The example shown in the screenshots above can be accomplished by adding the following CSS/LESS to your solution:
.limbo-separator-primary.limbo-separator {
margin: -21px -20px -21px -20px;
border-bottom: 0;
.limbo-separator-content {
border-top: 15px solid #fff;
border-bottom: 10px solid #fff;
padding: 7px 20px;
background: #ccc;
background: #1b264f;
color: #fff;
}
.limbo-separator-title {
font-weight: bold;
}
.limbo-separator-description {
color: #efefef;
}
}