Edit in GitHubLog an issue

Apply styling and formatting

Apply styling and formatting in the generated output document using the HTML based constructs.

  • Add line breaks in the text.

  • Set color and font size of a text.

  • Set text as bold and italic.

  • Underline text.

  • Create Hyperlinks.

How It Works#

Basic styling for the text tags can be provided from the input json data.

JSON representation of the input data:

Copied to your clipboard
1{
2 "LMS Certificate": {
3 "Employee Name": "Sarah Rose",
4 "Certification Program": "Certificate in Life and Thoughts of <span style=\"font-weight: bold \">Dr. BR Ambedkar </span> ",
5 "Completion Date": "01/03/2021"
6 }
7}

Sending text styling constructs, provide styling for the output document in json file. Adobe Document Generation API analyses the json data and inserts styled text in output documents

Styling and Formatting rules#

Styling for the text tag can be provided using the json data through the HTML based constructs. The constructs follows the additional rules as listed below :

  • HTML tags supported are <span>, nested span, <br> (new line), <b> (bold), <strong> (strong), <em> (emphasis), <i> (italic), <u> (underline).

  • Either use Inline custom css inside the span tag to style the data or use basic styling tags such as <b> (bold), <i> (italic) and <u> (underline).

  • Styling precedence works as per the general convention of (local - > global) scope for nested HTML span.

  • Any HTML tags which are not supported will be ignored.

Inline styling attributes supported#

  • font-size : xpt ; x=dynamic positive integer, 1pt =1/72 inch ( point (pt) is the only supported unit for font size.)

  • font-weight : bold;

  • font-style : italic;

  • text-decoration : underline;

  • color : ff6347;

JSON representation of the input data:

Copied to your clipboard
1{
2 "Notes Section": "Has the Board of directors established a basic policy <span style=\"font-size: 12pt;\">regarding legal compliance<span style=\"font-weight: bold; font-style: italic;\"> (hereinafter referred to as the Legal Compliance policy) </span></span><a href=\"http://www.samplewebsite.com/\">Board</a>in accordance to the institution's <span style=\"text-decoration : underline; color:ff6347;\">corporate management policy</span> <span style=\"color: red;\">and disseminated it throughout the institution</span>"
3}

Styling Tags Sample with style for font-size, font-weight and font-style attribute added to span tag

Styling Tags output when style for font-size, font-weight and font-style attribute was added to span tag

Tags Supported#

  • <span>

  • <a> (anchor)

  • <br> (new line)

  • <b> (bold)

  • <strong> (strong)

  • <em> (emphasis)

  • <i> (italic)

  • <u> (underline)

JSON representation of the input data:

Copied to your clipboard
1{
2 "Notes Section": "Has the Board of directors established a basic policy <span style=\"font-size: 12pt;\">regarding legal compliance <b><i>(hereinafter referred to as the Legal Compliance policy)</i></b><a href=\"http://www.samplewebsite.com/\">Board</a> in accordance to the institution's <br><u>corporate management policy</u> and disseminated it throughout the institution"
3}

Styling Tags Sample with style for font-size attribute added to span tag

Styling Tags output when style for font-size attribute was added to span tag

Was this helpful?
  • Privacy
  • Terms of Use
  • Do not sell my personal information
  • AdChoices
Copyright © 2022 Adobe. All rights reserved.