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.

• Installation
• Screenshots
• Documentation

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;
    }
}