limbo-works/limbo.umbraco.separator

Package for Umbraco 10 that adds a property editor serving as a separator to give a better overview of properties within your Umbraco content types.

Limbo Separator

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

Contents

• Installation
• Screenshots
• Documentation

Installation

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

Other versions of Umbraco

• 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).

Screenshots

The separator property editor helps group similar properties within an existing property group:

Documentation

Description

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.

CSS class name

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

limbo.umbraco.separator's Issues

Default.css is returning 404 on Local Dev

Hi @abjerner

There isn't much to outline as the subject speaks for itself 🙂