Post Closed
2701
Views
8
Comments
Solved
How to Break Lines in an expression widget ?
Question

I'm developing a screen in wich i have a list record that gathers data through an expression widget and a checkbox, in resumen, it is a questionnaire that the user can mark whatever option he thinks it's better for him. The problem is that the length of the question can vary, if the question is too long the expression will simply go out of the screen and desalign with the checkbox. What i want to do is: make the expression break lines to keep all of it in the screen and keep the question allways aligned with the checkbox.

How can i do that? 

edit1: the ammount of questions can also vary



screenShotQuestionary.png
2023-09-26 10-34-09
Cristiana Umbelino
Solution

Hi Lucca

This can be achieved using CSS. The site I have as a resource for this type of things is CSS-Tricks.

Here's a post that can help you: https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/


Edit: Also look for related properties like

UserImage.jpg
Lucca Beurmann

Cristiana Umbelino wrote:

Hi Lucca

This can be achieved using CSS. The site I have as a resource for this type of things is CSS-Tricks.

Here's a post that can help you: https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/


Edit: Also look for related properties like

Heey, thanks, it kinda worked but how do i add a tab next to the new line to keep the text vertically aligned?

Screenshot1.png
2020-09-15 13-07-23
Kilian Hekhuis
 
MVP

Hi Lucca,

Please use your Google skills, this is standard CSS positioning, not something specific to OutSystems. Vertically aligning text is a bit tricky, but there are various ways of doing it, depending on what you need exactly. 

2018-10-04 11-09-42
Tiago Oliveira

Hello,

Have you tried the Web Block "AlignCenter" from the "OutSystemsUIWeb" Espace? Or the "VerticalAlign" from the "WebPatterns" Espace?

2018-08-26 20-34-32
Pankaj pant

Tiago Oliveira wrote:

Hello,

Have you tried the Web Block "AlignCenter" from the "OutSystemsUIWeb" Espace? Or the "VerticalAlign" from the "WebPatterns" Espace?For



For this check your base theme if it is from silk use WebPatterns else use OutsystemsUIWeb



Regads,

Pankaj


2022-02-01 04-03-06
Ranjeet Singh

Hi Lucca Beurmann


Use Css for expression widget.

2022-02-01 04-03-06
Ranjeet Singh

Hi Lucca Beurmann


It is very much possible using NewLine() function.

2019-03-18 10-26-38
Jeroen Vormer

Hi Lucca Beurman,

do you mean something like this?