content break line

[Spark Chao]

he
can someone kindly tell me how to let content break line in label component?
the content will get from db in string form.

[M&M]

You mean you want to add a break in between lines?

[Spark Chao]

Yes,so thanks!

[Spark Chao]

I hope it can be like that below.thanks you so much!

[Yurii Orishchuk]

HI Spark,

Yes you can use HTML code to make markup for label component.
But you can set this HTML only with JS code.

Here is an example:

precode

//this is your HTML code
var html = "1st line<br/>2nd line<br/>3rd line&quot

&#47;&#47;Set HTML to labelName component&#46;
Apperyio("labelName")&#46;html("html");

/code/pre

Regards.

[Spark Chao]

Yurii
thanks for your reply.
so I just post the code above to the db in string form?
and get that form db to label component?

or I need to use "load event" to set the label component to html?
thanks

[Spark Chao]

Yurii
I try to way to test .please guide me how to fix that.
way one:
use html component in page,and key in content in db like below.

this way is work!

way two:
use label component in page,and key in content is db like below.
var html = "1st line
2nd line
3rd line";
and set the load event with run js.
Apperyio("labelName").html("html");
this way is no working .
did I did any thing wrong?

[M&M]

You can replace your line breaks with the html code<br>/code this way

code
str = str&#46;replace(/(?:\r\n|\r|\n)/g, '<br />');
/code

So if your existing text has line breaks, then JS will convert them into HTML line breaks

[M&M]

You got to remove the double quotes
It should be Apperyio("labelName").html(html);

[Spark Chao]

so sorry
when I use the load event to set the js .
the page will no open!