• de
  • en
    Search Results for

      Show / Hide Table of Contents

      Use HTML Elements to Format Texts

      This section describes which HTML elements BEYOND Reports supports and which HTML elements you can use to layout texts (e.g. in field captions or in free texts).

      Note

      Combination
      You can combine these HTML elements in any order, i.e. you can also format an important passage in your text or the field caption in red, underlined and bold.

      The following HTML elements are supported:

      • Heading
      • Line Break
      • Color
        • Color Formatting with Words
        • Color Formatting with Hex Values
      • Bold
      • Italic
      • Underlined

      Heading

      You can format texts or words in free texts or field captions as headings. BEYOND Reports supports up to 6 heading levels. To format a text or word as a heading, you must use so-called “tags”. The tags declare the beginning of the formatting and the end of the formatting, i.e. from where in the text the formatting starts and where it ends. Below you will find an overview of the HTML heading elements:

      Element HTML Tags Description
      Heading 1 <h1></h1> Enter the text which you want to format as Heading 1 enclosed in the tags.
      Example: <h1>Heading 1</h1>
      Heading 2 <h2></h2> Enter the text which you want to format as Heading 2 enclosed in the tags.
      Example: <h2>Heading 2</h2>
      Heading 3 <h3></h3> Enter the text which you want to format as Heading 3 enclosed in the tags.
      Example: <h3>Heading 3</h3>
      Heading 4 <h4></h4> Enter the text which you want to format as Heading 4 enclosed in the tags.
      Example: <h4>Heading 4</h4>
      Heading 5 <h5></h5> Enter the text which you want to format as Heading 5 enclosed in the tags.
      Example: <h5>Heading 5</h5>
      Heading 6 <h6></h6> Enter the text which you want to format as Heading 6 enclosed in the tags.
      Example: <h6>Heading 6</h6>

      The following figure shows a comparison of headings to each other and to the body text in a report.
      headings-in-free-text

      Line Break

      If you want to add a line break to a text, you can insert it using the HTML tag <br>.

      Note

      Use of Line Breaks
      For a line break, it is not necessary to define a start and end point for the formatting because they did not differ. Therefore, you do not need to add a “closing” tag.


      Element HTML Tags Description
      Line Break <br> Enter the line break at the desired location in your text. A new text line is used behind the line break tag.
      The new line would start right after the <br> tag.

      Color

      You can format texts or words in free texts or field labels with color. To color a text or word, you must use so-called “tags”. The tags declare the beginning of the formatting and the end of the formatting, i.e. from where in the text the formatting starts and where it ends. You can specify color words or hex values for the formatting.

      Below is an overview of common colors and the corresponding tags for formatting:

      Color Formatting with Words Color Formatting with Hex Values

      Color Formatting with Words

      Black color is used by default, if you want to format a word or text in a different color, you can do it using color formatting with color words or hexadecimal color formatting.

      Color HTML Tags Description
      Red <font color="red"></color> Example:
      <font color="red">Red</font>
      Blue <font color="blue"></color> Example:
      <font color="blue">Blue</font>
      Green <font color="green"></color> Example:
      <font color="green">Green</font>
      Yellow <font color="yellow"></color> Example:
      <font color="yellow">Yellow</font>
      Orange <font color="orange"></color> Example:
      <font color="orange">Orange</font>

      The color words listed here are just a few examples that allow you to do basic formatting of the text/field captions. There are many more color words that you can use. See the website w3schools for a more detailed overview of available color words.

      If you want to write a text in your corporate colors, it is possible that no color word corresponds to your exact corporate color. In this case, you should resort to color formatting using hexadecimal values so that the color formatting matches your color exactly.

      Color Formatting with Hex Values

      Hexadecimal color formatting offers you a wide color palette for color formatting your texts or field captions. With hexadecimal colors you can select countless color gradations (for example all red levels between white/light red and dark red/black) for formatting. Below you will find an example of how to specify a corresponding color.

      Color HTML Tags Description
      Red <font color="#FF0000"></color> Example:
      <font color="FF0000">Red</font>
      Blue <font color="0000FF"></color> Example:
      <font color="0000FF">Blue</font>
      Green <font color="00FF00"></color> Example:
      <font color="00FF00">Green</font>
      Yellow <font color="FFFF00"></color> Example:
      <font color="FFFF00">Yellow</font>
      Orange <font color="#FFA500"></color> Example:
      <font color="#FFA500">Orange</font>

      The website w3schools offers a hexadecimal color picker/generator. You can determine the exact color there via the tool pipette.
      pick-color

      Bold

      You can format text or words in free text or field captions in bold. To format a text or word in bold, you must use so-called “tags”. The tags declare the beginning of the formatting and the end of the formatting, i.e. from where in the text the formatting starts and where it ends.

      Element HTML Tags Description
      Bold <b></b> Enter the text that you want to format enclosed in the bold tags in the input field.
      Example: The word <b>bold</b> will be formatted bold.

      Italic

      You can italicize text or words in free text or field captions. To format a text or word in italics, you must use so-called “tags”. The tags declare the beginning of the formatting and the end of the formatting, i.e. from where in the text the formatting starts and where it ends.

      Element HTML Tags Description
      Italic <i></i> Enter the text that you want to format enclosed in the italic tags in the input field.
      Example: The word <i>italic</i> will be formatted italic.

      Underlined

      You can underline text or words in free text or field captions. To underline a text or a word you have to use so-called “tags”. The tags declare the beginning of the formatting and the end of the formatting, i.e. from where in the text the formatting starts and where it ends.

      Element HTML Tags Description
      Underlined <u></u> Enter the text that you want to format enclosed in the underlined tags in the input field.
      Example: The word <u>underlined</u> will be underlined.
      In This Article
      • Heading
      • Line Break
      • Color
        • Color Formatting with Words
        • Color Formatting with Hex Values
      • Bold
      • Italic
      • Underlined
    • Privacy Policy
    • Legal Notice
    • © 2022 BEYONDIT GmbH