Search

User Manual

GETTING STARTED


MODULES AND PLATFORM


APPENDIX


TUTORIALS & HELPFUL TRICKS


STRATEGIC PARTNER LINKS

Sepasoft - MES Modules
Cirrus Link - MQTT Modules

RESOURCES

Inductive University
Ignition Demo Project
Knowledge Base Articles
Forum
IA Support
SDK Documentation
SDK Examples

ALL USER MANUAL VERSIONS

Ignition 8.1
Ignition 7.9
Ignition 7.8

Deprecated Pages

Employees

Sign In

Skip to end of metadata
Go to start of metadata

 

HTML stands for HyperText Markup Language. It is commonly used to style text within web pages. The features that HTML brings to style web pages can be applied to many components within Ignition to style the text within components.

Using HTML in Components

Many Vision components display a text string. By default, a component's text is displayed in a single font and color and will not wrap when its content exceeds the space the component has made available to the text. However, you can use HTML if you want to mix fonts or colors within the text or if you want formatting such as multiple lines. HTML formatting can be used in Vision components such as buttons, labels, and tables. It can be used in common properties such as the mouse over text property.

To specify that a component's text has HTML formatting, just put the <html> element at the beginning of the text, then use any valid HTML element in the remainder.
 

Closing the HTML element is optional. In other words, there is no need to place a </html> at the end of your stylized text. Also, the HTML elements are not case sensitive.

Common HTML Elements

HTML Tags are the special characters that instruct text to become stylized differently than other text within the same text. The following table describes the most common HTML elements that you can use within Ignition.

HTML Element

Name

Description

<html>...</html>HTMLInitiates an html formatting. In most cases closing the html with </html> is optional.
<b>...</b>BoldApplies a bold style to the contents of these elements.
<u>...</u>UnderlineUnderlines the text contained within the elements.
<s>...</s>StrikethroughDraws a line through the text contained within the elements.
<br>BreakApplies a line break at this specific location.
<ol>...</ol>Ordered List

Places the text into an ordered list. Text inside list items are ordered by number.

<ul>...</ul>Unordered ListPlaces the text into an unordered list. Text inside list items are ordered by bullets.
<li>...</li>List ItemUsed to represent a list item. Should be contained in an order list (<ol>) or unordered list (<ul>).
<center>CenterCenters the contents of the text. Used directly after the HTML Tag (that is, <html><center>...)
<font color="red">...</font>FontColors the contents red. Works with standard color names, hex numbers, or RGB numbers.


On this page ...


IULocgo


HTML in Ignition

 

Applying HTML to Components

In Vision, you can add HTML to the text property of any component such as, a label, button, or table. These examples aren't unique to their specific components, but can be used on any component that has a Text or Mouseover Text property.

A good rule of thumb for what can be html formatted is text on components that is used for display, not for input. So while the Label components have a Text property that accepts html formatting, the Text Field component's Text property does not accept html formatting, as a user may type into the component.

For example, individual words or phrases within the text can be made bold:

<html>This is a <b>bold</b> word


You can also create a list, such as instructions in the Mouseover Text on a component:

HTML in mouseover property
<html>
These are the instructions:
<ol>
<li>Stop the process.</li>
<li>Check on this.</li>
<li>Remove that.</li>
</ol>


IULocgo


Multi-Line Labels and Buttons

 


 

  • No labels