Giter Site home page Giter Site logo

abjerner / limbo.umbraco.textbox Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 3.0 668 KB

Extended textbox and textarea property editors for Umbraco.

Home Page: https://packages.limbo.works/limbo.umbraco.textbox/

License: MIT License

Batchfile 1.12% C# 79.73% JavaScript 8.31% CSS 1.64% Less 1.85% HTML 7.36%
csharp dotnet limbo package placeholder skybrud textarea textbox umbraco-backoffice umbraco-cms

limbo.umbraco.textbox's Introduction

Limbo Textbox

GitHub license NuGet NuGet Umbraco Marketplace

Limbo Textbox (or Limbo.Umbraco.TextBox) is a package that adds new textbox and textarea property editors for Umbraco. While having similar functionality to the build in property editors, this package adds a few extra features:

  • More visible character limit
    The default property editors in Umbraco only shows the limit when it has been reached, whereas the property editors in this package show the limit right away, making it more visual to the editor that there is a limit.

  • Enforced character limit
    Umbraco will only show the limit when it has been reached or exceeded, but not actually enforce the character limit. Via the config option on the data type, the property editors in this package can be configured to prevent the user from exceeding the character limit.

  • Placeholder text
    Both the textbox and textarea property editors allows setting a placeholder text that will be visible to the user when editing the properties in the backoffice.

  • Fallback text
    An optional fallback text may be set on the data type to be used instead when the property is left blank. The underlying property value converter will make sure the fallback value is returned when this is the case.

License: MIT License
Umbraco: Umbraco 13
Target Framework: .NET 8



Installation

The Umbraco 13 version of this package is only available via NuGet. To install the package, you can use either .NET CLI:

dotnet add package Limbo.Umbraco.TextBox --version 13.0.0

or the NuGet Package Manager:

Install-Package Limbo.Umbraco.TextBox -Version 13.0.0

Other versions of Umbraco



Screenshots

Empty properties with the placeholder text visible image

Properties with values below the character limit image

Properties with values above the character limit, but not enforced image

The configuration options (prevalues) of the textarea data type image

limbo.umbraco.textbox's People

Contributors

abjerner avatar

Stargazers

 avatar

Watchers

 avatar  avatar

limbo.umbraco.textbox's Issues

Czech localization

Hello,
can you add Czech localization to nuget package?
Thank you very much.
Petr Vojtěch

<?xml version="1.0" encoding="utf-8" standalone="yes"?>

<language alias="cs" intName="Czech" localName="čeština" lcid="" culture="cs-CZ">
  <area alias="limboTextBox">
    <key alias="info1"><![CDATA[Zbývá <strong class="positive">%0% znaků.]]></key>
    <key alias="info2"><![CDATA[Zbývá <strong class="negative">%0% znaků.]]></key>
    <key alias="info3"><![CDATA[Nemůžete napsat více než <strong class="negative">%0%</strong> znaků!]]></key>
  </area>
</language>

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.