# Applying markdown to bound tag value in perspective

**URL:** <https://forum.inductiveautomation.com/t/applying-markdown-to-bound-tag-value-in-perspective/81569>\
**Category:** General Discussion\
**Tags:** perspective\
**Created:** [November 6, 2023, 7:37pm UTC](https://forum.inductiveautomation.com/t/applying-markdown-to-bound-tag-value-in-perspective/81569 "2023-11-06T19:37:56Z")\
**Posts on this page:** 7\
**Page:** 2

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [November 8, 2023, 7:37am UTC](https://forum.inductiveautomation.com/t/applying-markdown-to-bound-tag-value-in-perspective/81569/22 "2023-11-08T07:37:33Z")

</div>

> [@pascal.fragnoud](#):
>
> "classical" css injection

Is my css injection trick already considered classical? xD

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [November 8, 2023, 7:57am UTC](https://forum.inductiveautomation.com/t/applying-markdown-to-bound-tag-value-in-perspective/81569/23 "2023-11-08T07:57:10Z")

</div>

If you're on ignition 8.1.21 (I think ?) or above, there's a style sheet you can use for this kind of things.  
It's cleaner than an injection, but it lacks the "unicity" of style classes: a style class is an element that contains styles, that will be applied to the components that receive that style class.  
The style sheet, on the other hand, is just a blank page on which you can write css.

> [@victordcq](#):
>
> Is my css injection trick already considered classical? xD

You might be responsible for the addition of the style sheet ;p  
Let's hope we get a js sheet before the markdown hack becomes a standard...

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [November 8, 2023, 10:17am UTC](https://forum.inductiveautomation.com/t/applying-markdown-to-bound-tag-value-in-perspective/81569/24 "2023-11-08T10:17:36Z")

</div>

Haha yes, im affraid this one will be less likely than the stylesheet addition.  
Adding js on a view base is just never gonna be clean. And in a global scale it is just gonna be it to hard to use for anything view related.

---

<div class="post-metadata">

**Author:** ![BenInReno](https://avatars.discourse-cdn.com/v4/letter/b/8edcca/32.png) [@BenInReno](https://forum.inductiveautomation.com/u/BenInReno)\
**Post date:** [November 8, 2023, 5:10pm UTC](https://forum.inductiveautomation.com/t/applying-markdown-to-bound-tag-value-in-perspective/81569/25 "2023-11-08T17:10:42Z")

</div>

I thought putting it in the style sheet would apply it to the whole project, so I didn't try that. I just want it on certain views.

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [November 9, 2023, 11:05am UTC](https://forum.inductiveautomation.com/t/applying-markdown-to-bound-tag-value-in-perspective/81569/26 "2023-11-09T11:05:00Z")

</div>

You can still target specific components with the style sheet.  
Either using a class, which you can assign through `props.style.classes`, useful if you want to use the same style on several components,  
Or using an id, which can be assigned through the `meta.domId` property for specific targeting

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [November 14, 2023, 7:31pm UTC](https://forum.inductiveautomation.com/t/applying-markdown-to-bound-tag-value-in-perspective/81569/27 "2023-11-14T19:31:18Z")

</div>

> [@Felipe\_CRM](#):
>
> ```auto
> }.psc-MagentaWithTealOutline{-webkit-text-stroke: 2px teal; color: magenta}{
> 
> ```

If you're modifying the same pstyle, then you just need to end the current prop with a ; and add the extra props:

Eg in Background Image:

```auto
;-webkit-text-stroke: 2px teal; color: magenta

```

---

<div class="post-metadata">

**Author:** ![Felipe\_CRM](https://avatars.discourse-cdn.com/v4/letter/f/dfb087/32.png) [@Felipe\_CRM](https://forum.inductiveautomation.com/u/Felipe_CRM)\
**Post date:** [November 15, 2023, 1:48pm UTC](https://forum.inductiveautomation.com/t/applying-markdown-to-bound-tag-value-in-perspective/81569/28 "2023-11-15T13:48:44Z")

</div>

That's good to know, I was a little frustrated with the way I had it since it appears to override the rest of the styles.

[Previous page](https://forum.inductiveautomation.com/t/applying-markdown-to-bound-tag-value-in-perspective/81569.md?page=1)
