長すぎる文字を省略する方法

OutSystemsでTableRecordsやExpressionなどで長い文字が入ることがあります。

TableRecordsでは、長すぎる文字が入力されると、改行されてしまい、レイアウトが崩れてしまいます。

そこで、改行を防ぎレイアウトが崩れないための方法を解説します。

CSSを設定する

長すぎる文字を省略するためのCSSを設定します

Web Screenの「Style Sheet」-「…」を押下します。

WebScreenに下記のcssを入力します。

.line_omitted
{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

文字の省略を反映したい、上の階層の「Container」や「Cell」などの「Style Classes」にCSSを反映します。

以上、長い文字を省略する方法でした。