Adobe Experience Manager Forms

sukram87 · 5/31/21

Hi everyone

In Adobe Live Cycle Designer ES4, I have a text field named "TEXT" (option "Allow Multiple Lines" activated). It is binded to a string field of an ABAP structure.

I want to change certain parts of the text field to bold. They are already marked with "\b" for the starting point and "\b0" for the ending point.

How is that possible? I am not good with Javascript &colon;(

TEXT.font.weight = "bold" works for me, the complete field changes to bold. But how can I change certain parts of the text field?

Thanks a lot in advance for any help!

Kosta_Prokopiu1 · 6/7/21

Hi,

not so easy because you need to write the whole XHTML shebang into the exData section.

Make sure your TextField is of type Richtext!

Initialize event of the field:

var envelope = "<?xml version='1.0' encoding='UTF-8'?>" +

"<exData contentType='text/html' xmlns='http://www.xfa.org/schema/xfa-template/2.8/'" +

"><body xmlns='http://www.w3.org/1999/xhtml' xmlns:xfa='http://www.xfa.org/schema/xfa-data/1.0/' " +

"xfa:APIVersion='Acroform:2.7.0.0' xfa:spec='2.1'>" +

" test BOLD test</body></exData>";

this.value.exData.loadXML(envelope,1,1)

result:

View solution in original post

Vijayalakshmi_S · 6/1/21

Hi @sukram87,

Could you please raise this query in Forms Community - https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager-forms/ct-p/adobe-experienc...

Pulkit_Jain_ · 6/2/21

@sukram87

Here are some useful tricks if the text field is having Rich text data.

You can refer to the sample form shared with the blog for more insight on the implementation.

Hope this helps!

sukram87 · 6/4/21

Hi PulkitJain

Thank you!

Unfortunately, it does not work. I know this article and tried it previously but without success:

The field format is "Rich Text". What is wrong?

Kosta_Prokopiu1 · 6/7/21

Hi,

not so easy because you need to write the whole XHTML shebang into the exData section.

Make sure your TextField is of type Richtext!

Initialize event of the field:

var envelope = "<?xml version='1.0' encoding='UTF-8'?>" +

"<exData contentType='text/html' xmlns='http://www.xfa.org/schema/xfa-template/2.8/'" +

"><body xmlns='http://www.w3.org/1999/xhtml' xmlns:xfa='http://www.xfa.org/schema/xfa-data/1.0/' " +

"xfa:APIVersion='Acroform:2.7.0.0' xfa:spec='2.1'>" +

" test BOLD test</body></exData>";

this.value.exData.loadXML(envelope,1,1)

result:

sukram87 · 6/8/21

Hi Kosta,

thank you, that works fine But I have the problem that it doesnt accept free lines.

I can start a new line in my text field by adding and . But I cant add a complete free line.

How can I do that?

Thanks again!

Kosta_Prokopiu1 · 6/8/21

Did you try ? Use two that should give you a newline - and make your text field multi-line

david_pla · 1/16/23

Hi,

this is very nice post. But I would need go a bit deeper. I am not a coder in Javascript, so I am not sure how to achieve this.

When I use this example, it works fine. But I would like to have " test BOLD test" replaced by text field from binding in form.

I am able to prepare variable and put there formatting tags, but I do not know, how to place it in form them. Please, advise.

Thank you,

david

RamonaIr · 4/7/24

Hello.

I have the same problem. Could you let me know if you found any solution?

Thank you,

Ramona

Adobe Experience Manager Forms

Change parts of text field to bold via JavaScript

Learn

Documentation

Community

Support

Resources

Adobe account

Adobe