Text in New Line in Touch UI dialog

[codingStar]

Hi,
 I have given fieldDescription. But all text coming in single line.
 What should I use for New Line?

                            <selectPath
                                jcr:primaryType="nt:unstructured"
                                sling:resourceType="granite/ui/components/foundation/form/pathbrowser"
                                fieldLabel="Mobile Image"
                                fieldDescription="Some Text In Line One. I want This text in Line Two. This Text in Line Three"
                                rootPath="/content"
                                name="./selectPath"/> 

Please suggest

[MC_Stuff]

Hi,

Discuss with your UI team for a proper css style.   Otherwise you can try with adding <br/>

Thanks,

[codingStar]

I have tried <br/>
and also <p> tags

but I did not get text in new line. Is there any other way to achieve this without css team.?

[antoniom5495929 · Accepted solution]

Hi,

you can do this just only inserting "new line" inside property. Without any special character but only using your submit button.

I've tried it in AEM 6.2 and it works.

[nileshdchavan]

In my case, i've a requirement to include new line in the text present in Fieldlabel. What exactly needs to be done when u say add a new line property? Can you be more specific?

[leonardoderks]

I guess he suggests to add another property with the following text.

Example:

<text1 jcr:primaryType="nt:unstructured"
   sling:resourceType="granite/ui/components/coral/foundation/text"
   text="first line"/>

  <text2 jcr:primaryType="nt:unstructured"
   sling:resourceType="granite/ui/components/coral/foundation/text"
   text="second line"/>

[arunpatidar]

Yes, It is possible with granite text resource type but text creates span and which will be display in same line until we don't put CSS.