# Titled borders in perspective for text field

**URL:** <https://forum.inductiveautomation.com/t/titled-borders-in-perspective-for-text-field/86839>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [March 5, 2024, 5:12pm UTC](https://forum.inductiveautomation.com/t/titled-borders-in-perspective-for-text-field/86839 "2024-03-05T17:12:30Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Eagel007](https://avatars.discourse-cdn.com/v4/letter/e/7bcc69/32.png) [@Eagel007](https://forum.inductiveautomation.com/u/Eagel007)\
**Post date:** [March 5, 2024, 5:12pm UTC](https://forum.inductiveautomation.com/t/titled-borders-in-perspective-for-text-field/86839/1 "2024-03-05T17:12:30Z")

</div>

Are there a way to get label name on top of border for text and numerical field components in perspective?

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [March 5, 2024, 5:43pm UTC](https://forum.inductiveautomation.com/t/titled-borders-in-perspective-for-text-field/86839/2 "2024-03-05T17:43:12Z")

</div>

Not as a direct CSS setting, no. You could use a Coordinate Container with some strategically-placed Label components to mimic the look, but there's no "stylistic" approach to get the "titled border" look.

![Screenshot 2024-03-05 at 9.42.52 AM](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/f/ffe2c17e5041595a6b0192d704a3f062dee3d7b1.png)

---

<div class="post-metadata">

**Author:** ![Eagel007](https://avatars.discourse-cdn.com/v4/letter/e/7bcc69/32.png) [@Eagel007](https://forum.inductiveautomation.com/u/Eagel007)\
**Post date:** [March 5, 2024, 5:45pm UTC](https://forum.inductiveautomation.com/t/titled-borders-in-perspective-for-text-field/86839/3 "2024-03-05T17:45:07Z")

</div>

sounds like overloading page i guess. Could you please add this to a feature request. Thanks

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [March 5, 2024, 5:52pm UTC](https://forum.inductiveautomation.com/t/titled-borders-in-perspective-for-text-field/86839/4 "2024-03-05T17:52:31Z")

</div>

No, because there's nothing for us to do. We're not preventing anything, and we would not want to provide a one-off style approach which we would have to maintain and verify/test long-term.

---

<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:** [March 6, 2024, 9:48am UTC](https://forum.inductiveautomation.com/t/titled-borders-in-perspective-for-text-field/86839/5 "2024-03-06T09:48:10Z")

</div>

> [@Eagel007](#):
>
> sounds like overloading page i guess

Not quite, this would be basicly the same as how they would do this behind the sense.  
Just create a view like that and embed it as temple

> [@Numeric Entry Field labeled border](https://forum.inductiveautomation.com/t/numeric-entry-field-labeled-border/77009/8):
>
> You can get "flex" action if you set a coordinate view props.mode : percent. [CoordNumericWithBorder] To reproduce paste this view into your Project Browser. 
> 
> > **coordNumericEntryWidget**
> >
> > { "custom": {}, "params": { "caption": "Caption", "value": 3.1416 }, "propConfig": { "params.caption": { "paramDirection": "input", "persistent": true }, "params.value&qu…

in this post i do give a potentional option to use css, but its not dynamic and does not have the extra border.