Line Clamp - Overview | OutSystems

Log in

Give us feedback

Stable version 1.0.0 (Compatible with OutSystems 11)

Uploaded on 22 October 2019 by

0.0

(0 ratings)

line-clamp

Details

A pure CSS method to restrict the number of lines visible for a given text. If the text is truncated ellipses "..." will be added to the end of the line. Only the text and the number of lines visible are needed. This component is for the Reactive Framework. Inspired by the work of Sofia Mourato of the Text Line Formatter component.

Read more

A pure CSS method to restrict the number of lines visible for a given text. If the text is truncated ellipses "..." will be added to the end of the line. Only the text and the number of lines visible are needed.

The component includes 1 WebBlock. Simply drag this WebBlock on your screen, set the inputs and your good to go!

This component is for the Reactive Framework.

Release notes (1.0.0)

Reviews (0)

Related assets

The OutSystems UI framework for Reactive Web and Mobile apps with dozens of responsive UI patterns on top of a solid design system, fully customizable to your Style Guide needs.

outsystems-ui-web

The OutSystems UI framework for Traditional Web apps with dozens of responsive UI patterns on top of a solid design system, fully customizable to your Style Guide needs.

multiple-file-upload

Allow you to upload multiple files in one upload form or using drag and drop functionality.

More from Vincent Koning

microsoft-login-connector

Microsoft Login Connector enables you to Login using Microsoft credentials (including Office 365) with OAuth 2.0 from Azure AD. In addition to the actual Login, this enables you to use OAuth Token to get authorization to access Microsoft Rest APIs. Roles in Azure AD can also be synchronised with roles in Outsystems. Recent updates provide support for the Graph API For a reactive version of the connector https://www.outsystems.com/forge/component-overview/6933/microsoft-login-connector-reactive

With Debounce you can easily and quickly add a method to wait for the user input to stop for a certain time before you take another action, like calling a API or storing data in the database. This is a pure javascript implementation. JQuery is not used.

azure-blob-storage

Connector for Azure Blob Storage