\
**Category:** Ignition\
**Created:** [August 15, 2024, 7:22pm UTC](https://forum.inductiveautomation.com/t/ign-10679-html-on-a-label/94716 "2024-08-15T19:22:10Z")\
**Posts on this page:** 16\
**Page:** 1
**Author:**  [@Paulo\_Custodio](https://forum.inductiveautomation.com/u/Paulo_Custodio)\
**Post date:** [August 15, 2024, 7:22pm UTC](https://forum.inductiveautomation.com/t/ign-10679-html-on-a-label/94716/1 "2024-08-15T19:22:10Z")
I'm trying to make part of a string bold using the label component. On the "Binding Preview" it seems to be working, but on browser it's not.
Any help there?
---
**Author:**  [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [August 15, 2024, 7:26pm UTC](https://forum.inductiveautomation.com/t/ign-10679-html-on-a-label/94716/2 "2024-08-15T19:26:47Z")
Don't use html in the string to accomplish this. Rather, use a style on the label.
---
**Author:**  [@Paulo\_Custodio](https://forum.inductiveautomation.com/u/Paulo_Custodio)\
**Post date:** [August 15, 2024, 7:35pm UTC](https://forum.inductiveautomation.com/t/ign-10679-html-on-a-label/94716/3 "2024-08-15T19:35:21Z")
I have to. I want to do something like this, without using two label components.
---
**Author:**  [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [August 15, 2024, 7:36pm UTC](https://forum.inductiveautomation.com/t/ign-10679-html-on-a-label/94716/4 "2024-08-15T19:36:43Z")
Is using Markdown component an option, that may be easier to use.
---
**Author:**  [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [August 15, 2024, 7:43pm UTC](https://forum.inductiveautomation.com/t/ign-10679-html-on-a-label/94716/5 "2024-08-15T19:43:32Z")
> [@Paulo\_Custodio](#):
>
> without using two label components.
Why? Personal goal?
Seriously this seems like an odd requierment.
The markdown component is the only (intended) way to do this with a single component that I am aware of.
Honestly though, for what you're doing (unless there is more you haven't explained), I would just use two labels, and then group them together if you want to be able to move them around together.
---
**Author:**  [@Paulo\_Custodio](https://forum.inductiveautomation.com/u/Paulo_Custodio)\
**Post date:** [August 15, 2024, 7:50pm UTC](https://forum.inductiveautomation.com/t/ign-10679-html-on-a-label/94716/6 "2024-08-15T19:50:34Z")
Thanks for the tip. I tried using Markdown, but is doing the same thing.
am I missing something?
---
**Author:**  [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [August 15, 2024, 7:51pm UTC](https://forum.inductiveautomation.com/t/ign-10679-html-on-a-label/94716/7 "2024-08-15T19:51:33Z")
Follow the doc
> **[Perspective - Markdown | Ignition User Manual](https://www.docs.inductiveautomation.com/docs/8.1/appendix/components/perspective-components/perspective-display-palette/perspective-markdown)**
>
> The Markdown component allows users to format any type of text so it is publishable as plain text.
---
**Author:**  [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [August 15, 2024, 7:52pm UTC](https://forum.inductiveautomation.com/t/ign-10679-html-on-a-label/94716/8 "2024-08-15T19:52:20Z")
> [@Paulo\_Custodio](#):
>
> Am I missing something?
It uses the same markdown as this forum. Try,
`Recipe: **Potato** `
Result:
Recipe: **Potato**
---
**Author:**  [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [August 15, 2024, 7:53pm UTC](https://forum.inductiveautomation.com/t/ign-10679-html-on-a-label/94716/9 "2024-08-15T19:53:14Z")
Either you need to use markdown, or you need to uncheck `props.markdown.escapeHtml`
---
**Author:**  [@Paulo\_Custodio](https://forum.inductiveautomation.com/u/Paulo_Custodio)\
**Post date:** [August 15, 2024, 7:53pm UTC](https://forum.inductiveautomation.com/t/ign-10679-html-on-a-label/94716/10 "2024-08-15T19:53:22Z")
so, I dont want to use two labels for two reasons:
I know it's possible to add the html to labels after reading this ([HTML in Ignition | Ignition User Manual](https://docs.inductiveautomation.com/docs/7.9/visualization-and-dashboards/understanding-components/html-in-ignition)) but I don't know what I'm doing wrong.
Another reason is that, I have some other labels that I can use this, that there's more than one word converted to bold. If I figure this out, I can apply that to other things, without adding a bunch of labels.
---
**Author:**  [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [August 15, 2024, 7:56pm UTC](https://forum.inductiveautomation.com/t/ign-10679-html-on-a-label/94716/11 "2024-08-15T19:56:01Z")
> [@Paulo\_Custodio](#):
>
> I know it's possible to add the html to labels after reading this ([HTML in Ignition | Ignition User Manual](https://docs.inductiveautomation.com/docs/7.9/visualization-and-dashboards/understanding-components/html-in-ignition)) but I don't know what I'm doing wrong.
That is specific to the Vision Module, it does not apply to perspective, as the components in perspective are not Java Swing components.
> [@Paulo\_Custodio](#):
>
> that there's more than one word converted to bold
Only options without getting crazy are:
1. Use multiple labels
2. Use the markdown component in these cases.
---
**Author:**  [@Paulo\_Custodio](https://forum.inductiveautomation.com/u/Paulo_Custodio)\
**Post date:** [August 15, 2024, 8:01pm UTC](https://forum.inductiveautomation.com/t/ign-10679-html-on-a-label/94716/12 "2024-08-15T20:01:05Z")
After unchecking the _escapeHtml_ it worked. Thank you guys!!!
---
**Author:**  [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [August 15, 2024, 8:17pm UTC](https://forum.inductiveautomation.com/t/ign-10679-html-on-a-label/94716/13 "2024-08-15T20:17:07Z")
> [@Paulo\_Custodio](#):
>
> I don't know what I'm doing wrong.
First thing, make sure you're reading the manual for the version of the software you're actually using:
Second thing, you really shouldn't use HTML/the `escapeHTML` property for this. It's just as easy to write an expression to output `Recipe: **Potato** ` as it is to output the HTML, and it's a whole lot easier to read. You're also guaranteed to be in a sane subset of text formatting operations, rather than opening the door to literally any HTML.
> [@Paulo\_Custodio](#):
>
> I have some other labels that I can use this, that there's more than one word converted to bold.
Last main thing - it may or may not even be a good idea to do this text formatting inline at all. A repeated stack of `X: Y` relationships might be better represented with a _table_, and it's trivially easy to format each column in a table differently.
---
**Author:**  [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [August 15, 2024, 8:19pm UTC](https://forum.inductiveautomation.com/t/ign-10679-html-on-a-label/94716/14 "2024-08-15T20:19:39Z")
> [@Paulo\_Custodio](#):
>
> On the "Binding Preview" it seems to be working, but on browser it's not.
This is just a bug, by the way, and I've filed a ticket to get it fixed.
---
**Author:**  [@Paulo\_Custodio](https://forum.inductiveautomation.com/u/Paulo_Custodio)\
**Post date:** [August 15, 2024, 8:22pm UTC](https://forum.inductiveautomation.com/t/ign-10679-html-on-a-label/94716/15 "2024-08-15T20:22:07Z")
I'll try that.
Thank you very much, I'll keep that in mind!
---
**Author:**  [@Paulo\_Custodio](https://forum.inductiveautomation.com/u/Paulo_Custodio)\
**Post date:** [August 15, 2024, 8:29pm UTC](https://forum.inductiveautomation.com/t/ign-10679-html-on-a-label/94716/16 "2024-08-15T20:29:27Z")
I reconsidered, and tried this, and it worked as well. Thanks you!