Bold only part of text field populated by JavaScript? | Community
Skip to main content
A
Adept-Slacker
May 21, 2009
Solved

Bold only part of text field populated by JavaScript?

  • May 21, 2009
  • 2 replies
  • 12693 views

I am using a drop-down box to populate a text field, as in this example. It works fine, but I am having trouble formatting the output. I need to bold only a portion of the text. I don't know very much about scripting, so I am stuck. I tried to connect two strings together, with the JavaScript method for bold text on the second string, like so:

TextField1.rawValue = "Some plain text!\n" + "Some bold text!".bold();

Both strings show up, but instead of the second being bold, it just outputs the HTML tags for bold, so in my text field I get this:

Some plain text!
<b>Some bold text!</b>

The text field format is set to rich text and the data format is set to xhtml since users also have the ability to add their own answers to the text field as well. However, I don't want them to have to select and bold text that is automatically sent to the text field by the drop-down list. It kind of defeats the purpose of automating it in the first place if they have to go back and adjust it every time...

Is there something I'm missing? Or another, better way to do this? Any help is greatly appreciated.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by

Hi,

I wrote a blog entry recenly on how to get Rich text to work correctly in PDF form fields. Have a look at that at http://livecyclekarma.wordpress.com/2009/05/20/richtext-tricks-for-textfield-in-designer/

regards,

Parth Pandya

Blog: http://livecyclekarma.wordpress.com

2 replies

A
Anonymous
Accepted solution
May 22, 2009

Hi,

I wrote a blog entry recenly on how to get Rich text to work correctly in PDF form fields. Have a look at that at http://livecyclekarma.wordpress.com/2009/05/20/richtext-tricks-for-textfield-in-designer/

regards,

Parth Pandya

Blog: http://livecyclekarma.wordpress.com

    A
    Adept-SlackerAuthor
    May 22, 2009

    Thank you, that was exactly what I was looking for. The example PDF you included in your blog entry was very helpful too.

      W
      webpointz1961
      Level 2
      February 8, 2022

      Do you still have the example of how to do this? The answer above is no longer available.

        Magus069
        Magus069
        Level 10
        February 13, 2022

        Hi there,

         

        if you wish to achieve something similar to the initial post of this thread follow the instructions:

         

        First ensure that your field contains Rich Text, if your field is in fact a text field you have to change the field format in Object palette to match Rich Text instead of Plain Text.

         

        Afterwards, if you wish to change the value of the field with specific rich text format, you must have an XML version ready to implement in the field. Any XML version is available to you if you copy the xml data from a text label object which has rich text in it, and you can start from there.

        Technically the basic values of an XML format you must use is the following:

        <body xmlns=\"http://www.w3.org/1999/xhtml\" xmlns:xfa=\"http://www.xfa.org/schema/xfa-data/1.0/\"><p style=\"text-decoration:none;letter-spacing:0in\"> Insert HTML with CSS as you wish </p></body>

        So, to achieve something like this initial post wanted to do, you can do it like this:

        var strInsertText = "Some plain text!<br/>" + "Some bold text!".bold(),
	strXML = "<body xmlns=\"http://www.w3.org/1999/xhtml\" xmlns:xfa=\"http://www.xfa.org/schema/xfa-data/1.0/\"><p style=\"text-decoration:none;letter-spacing:0in\">" + strInsertText + "</p></body>";
this.value.exData.loadXML(strXML);

        Note that "this" variable is the field object that I'm changing its value, but for a simple demonstration I'm doing it in the initialize event.

         

        I hope this will help, don't hesitate if you have any questions.

          Terms & ConditionsAccessibility statement

          Loading footer...