Variable Widget String Format (Break tag)

[Johny1]

Hi Everyone,

I have created a widget for variable for service portal.

Can anyone tell how to apply break or next line for the below code

XYZ: string should come in second line. How to apply a break tag for this. Please help.

Thanks

Johny

[andrew_venables]

You'll probably want to use a standard html line break: <br/>. However the issue is that this will be encoded and displayed literally on the page which you don't want:

So you also have to use a special directive in the HTML, like so:

Widget HTML Template:

<h3 ng-bind-html="c.title"></h3>

Client Script:

function($scope) {
   /* widget controller */
   var c = this;
   c.title = 'foo <br/> bar';
}

Result:

See the docs. Here is a example.

[Johny1]

Thank you Andrew. Break tag is not working and the result string is showing including the brk tag

Result:

Thanks

Johny

[andrew_venables · Accepted solution]

Have you changed the HTML template as i directed?

You need to have a tag something like the below. The "ng-bind-html" is what causes it to render the <br/> tag as HTML rather than text

<h3 ng-bind-html="c.title"></h3>

[Johny1]

Thanks a lot Andrew. It worked