Label don't break line with \n or < br > even with html enabled

Discuss
#1

Hi, friends.
i don’t know if it is a bug or if I am just so stupid not to see where the problem but I tried in 2 different smartphones and got the same result. If someone can help me I will be very grateful. I am 2 hours trying and can’t make it works.
What I want is to take the content I get from a dictionary and show it in a label, breaking line at some points (where I use < br > or \n.

This is the block being used:

blocks(1)
blocks(1)766×507 36 KB

And this is the result I am getting:

Screenshot_2022-06-23-20-12-28
Screenshot_2022-06-23-20-12-28720×1280 116 KB

PS: The label with orange background has the content of global cardapioinfantil, and the other is LabelCardapioInfantil

Hello everyone ,i need help please
#2

Did you set this label HTML format enable? If not just tick it and try

#3

If you do, you will need to replace any \n with <br> to get line returns at those points

Ah, we do not have the HTMLContent block in Kodular ?
In which case, untick the HTMLFormat box, and use \n everywhere

1 Like
#4

Yes, that’s missing and should be there (like with all other builders).

1 Like
#5

Yes, I did:
image

HTMLFormat is enbabled, you can see in the screenshot that I use < br > tag in the first time the label is set and id doesn’t appear in the label, what proves that html is enabled (otherwise it would be appearing at screen) but still don’t break line.

I will try to disable HTML Format from Design but this wouldn’t solve my problem because I will need to use html tags in this label

#6

This will work in AppInventor and Kodular - should - (HTMLFormat unticked)

image

This will NOT work in AppInventor and Kodular (HTMLFormat ticked)

image

This will work in Appinventor, because AppInventor has the HTMLContent block (HTMLFormat ticked)

image

1 Like
#7

Without \n in the blocks I can now break line. I never imagined that could be a problem using \n with html enabled. thanks for the information.

Does this mean I can use HTML tags only in the Design, not inside the blocks?

#8

May be this also can be used without considering HTML…

image

Screenshot_2022-06-24-22-08-59-29
Screenshot_2022-06-24-22-08-59-29720×530 34.3 KB

2 Likes
#9

But @almeidapablo wants to apply html tags to each element then build a label with it

@Still-learning your approach might be the way to do it though :slight_smile:

1 Like
#10

The problem is that I want to use some html tags like font size, font color and font face.
May be I could acomplish the same result using dynamic labels and setting each label as a different font size, font face and font label? I am not very used to dynamic components but I think this might work, even if it will need a lot more blocks but I can’t see another solution.

#11

Looking like this?, sorry if i am misunderstand

image
image914×380 30.7 KB

#12

Like so? ( I have only bolded each item, but you should get the idea) HTMLFormat is ticked.

image
image714×335 38.3 KB

1 Like
#13

you can bring out easily by using the block called set properties in dynamic compound extension

image
image724×441 28.1 KB

Screenshot_2022-06-24-22-37-12-89
Screenshot_2022-06-24-22-37-12-89342×505 81 KB

image

All underlinerd words are keys and corresponding answers are its values…

image

very, simple with Dynamic comp extension

1 Like
#14

For font size and color you can create a procedure

image
image793×152 15.6 KB

blocks - 2022-06-24T202420.758
blocks - 2022-06-24T202420.758813×774 62.6 KB

Result

image
image1080×1920 59.5 KB

1 Like
#15

I tried the idea of using procedure and add item to list to get this done but I was still getting some bugs related to html not working so I decided to use dynamic labels to get this done without losing much more time. With dynamic labels everything worked perfectly.

If someone else has this problem in the future, I believe it can be done using TimAi2 and Dora tips if you have the patience to work on it.

1 Like