Wrapping text on Button

Unknown

Wrapping text on Button

Unknown

I have a Button whose text is dependent on inputs from the user. When it receives a large enough string, Ive found the text gets truncated. Is it possible to wrap or add a break line to the text so that the Button displays the whole value? I cannot increase the Button size at this point as it would require me to redo all my components.

Unknown

[font=Arial, Helvetica, sans-serif]We can achieve this using CSS. Please find it attached. Youll need to apply this to your Button component.[/font]
[font=Arial, Helvetica, sans-serif]
[/font][font=Arial, Helvetica, sans-serif][color=rgb(34, 34, 34)]Please refer below documentation for information on applying CSS to Forms:[/color]
[color=rgb(34, 34, 34)]1. [url=https://documentation.decisions.com/docs/using-css-forms]Using CSS with Forms[/url][/color]
[color=rgb(34, 34, 34)]2. [url=https://documentation.decisions.com/docs/css-styling-form-controls]CSS Styling Form Controls[/url][/color]
[/font]
[color=rgb(34, 34, 34)][font=Arial, Helvetica, sans-serif]Before:[/font][/color]
[color=rgb(34, 34, 34)][font=Arial, Helvetica, sans-serif][img]https://i.imgur.com/pLrG5i8.png[/img][/font][/color]

[color=rgb(34, 34, 34)][font=Arial, Helvetica, sans-serif]After:[/font][/color]
[color=rgb(34, 34, 34)][font=Arial, Helvetica, sans-serif][img]https://i.imgur.com/ijuBhQx.png[/img][/font][/color][color=rgb(34, 34, 34)][font=Arial, Helvetica, sans-serif]
[/font][/color]
[i]edited by kshitij@decisions.com on 11/11/2020[/i]

Unknown

[quote=kshitij@decisions.com][font=Arial, Helvetica, sans-serif]We can achieve this using CSS. Please find it attached. Youll need to apply this to your Button component.[/font]
[font=Arial, Helvetica, sans-serif]
[/font][font=Arial, Helvetica, sans-serif][color=rgb(34, 34, 34)]Please refer below documentation for information on applying CSS to Forms:[/color]
[color=rgb(34, 34, 34)]1. [url=https://documentation.decisions.com/docs/using-css-forms]Using CSS with Forms[/url][/color]
[color=rgb(34, 34, 34)]2. [url=https://documentation.decisions.com/docs/css-styling-form-controls]CSS Styling Form Controls[/url][/color]
[/font]
[color=rgb(34, 34, 34)][font=Arial, Helvetica, sans-serif]Before:[/font][/color]
[color=rgb(34, 34, 34)][font=Arial, Helvetica, sans-serif][img]https://i.imgur.com/pLrG5i8.png[/img][/font][/color]

[color=rgb(34, 34, 34)][font=Arial, Helvetica, sans-serif]After:[/font][/color]
[color=rgb(34, 34, 34)][font=Arial, Helvetica, sans-serif][img]https://i.imgur.com/ijuBhQx.png[/img][/font][/color][color=rgb(34, 34, 34)][font=Arial, Helvetica, sans-serif]
[/font][/color]
[i]edited by kshitij@decisions.com on 11/11/2020[/i][/quote]

Unknown

Hi how can I apply wrapping text to a drop down list?