# Clipped Display path

**URL:** <https://forum.inductiveautomation.com/t/clipped-display-path/56352>\
**Category:** Ignition\
**Created:** [February 21, 2022, 9:17am UTC](https://forum.inductiveautomation.com/t/clipped-display-path/56352 "2022-02-21T09:17:10Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![mojoeswa](https://avatars.discourse-cdn.com/v4/letter/m/45deac/32.png) [@mojoeswa](https://forum.inductiveautomation.com/u/mojoeswa)\
**Post date:** [February 21, 2022, 9:17am UTC](https://forum.inductiveautomation.com/t/clipped-display-path/56352/1 "2022-02-21T09:17:10Z")

</div>

Hi.  
In the mobile version, the display path is cut off. Is it possible to expand with more rows instead? Is quite important to know where the alarm comes from.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/c/9c46a09ea0ca3e39469937f6c109c2a6cd733add.png)

---

<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:** [February 21, 2022, 12:08pm UTC](https://forum.inductiveautomation.com/t/clipped-display-path/56352/2 "2022-02-21T12:08:09Z")

</div>

While it seems to be possible to adjust the content, the height of the rows does not seem to adjust itself causing some text to be cut of ☹

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/3/c35846cd50c70fa00515f4e7ed4cb9c6381dd510.png)

```auto
.alarmTable .content > div{
overflow-wrap: break-word;
}

```

im sure you could make it flex too but that will be some more work xd

Adjusting the height of each row also isnt enough since the position (top) seems to be calculated in code instead of just being a flex box…

Edit:  
Ah it was positible to change the positon to relative 😃  
Its maybe a bit buggy with the virtualised rows tho…

```auto
.alarmTable .alarmTableBodyRow {
    height: auto !important;
    position: relative !important;
    top: 0 !important;
}
.alarmTable .content > div{
overflow-wrap: break-word;
}

```

Edit2: nvm its **really buggy with the virtualized rows** ,  
I dont seem to find an option to turn it off here (like its possible in the table). idk if i missed a prop, so dont use this unless you can turn virtualised rows off for alarms. Or if you dont really care that the scroll down is bugged and not working very good (like if you only havea 1 or 2 alarms)

---

<div class="post-metadata">

**Author:** ![mojoeswa](https://avatars.discourse-cdn.com/v4/letter/m/45deac/32.png) [@mojoeswa](https://forum.inductiveautomation.com/u/mojoeswa)\
**Post date:** [February 21, 2022, 1:55pm UTC](https://forum.inductiveautomation.com/t/clipped-display-path/56352/3 "2022-02-21T13:55:23Z")

</div>

I have a lot of alarms so I’ll probably have to wait a bit for another solution (if it exist), but thank you for trying

---

<div class="post-metadata">

**Author:** ![mojoeswa](https://avatars.discourse-cdn.com/v4/letter/m/45deac/32.png) [@mojoeswa](https://forum.inductiveautomation.com/u/mojoeswa)\
**Post date:** [February 22, 2022, 12:38pm UTC](https://forum.inductiveautomation.com/t/clipped-display-path/56352/4 "2022-02-22T12:38:48Z")

</div>

For now, this is working…  
@media screen and (max-width: 600px) {  
.alarmTable .content \> div {  
white-space: nowrap !important;  
overflow: auto !important;  
text-overflow: unset !important;  
}  
}

unfortunately I do not get any more lines, but it is possible to scroll to see the whole text…

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [February 22, 2022, 12:44pm UTC](https://forum.inductiveautomation.com/t/clipped-display-path/56352/5 "2022-02-22T12:44:39Z")

</div>

Tip: use the `</>` code formatting button to preserve indents and for syntax highlighting.

---

<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:** [February 22, 2022, 12:48pm UTC](https://forum.inductiveautomation.com/t/clipped-display-path/56352/6 "2022-02-22T12:48:07Z")

</div>

> [@mojoeswa](#):
>
> unfortunately I do not get any more lines, but it is possible to scroll to see the whole text…

Yes for the more lines you need to copy both my rules...  
But maybe its better to just scroll instead of adding in more lines, else it will turn out buggy

---

<div class="post-metadata">

**Author:** ![mojoeswa](https://avatars.discourse-cdn.com/v4/letter/m/45deac/32.png) [@mojoeswa](https://forum.inductiveautomation.com/u/mojoeswa)\
**Post date:** [February 22, 2022, 12:59pm UTC](https://forum.inductiveautomation.com/t/clipped-display-path/56352/7 "2022-02-22T12:59:48Z")

</div>

Thx for the tip! 🙂

---

<div class="post-metadata">

**Author:** ![mojoeswa](https://avatars.discourse-cdn.com/v4/letter/m/45deac/32.png) [@mojoeswa](https://forum.inductiveautomation.com/u/mojoeswa)\
**Post date:** [February 22, 2022, 1:01pm UTC](https://forum.inductiveautomation.com/t/clipped-display-path/56352/8 "2022-02-22T13:01:45Z")

</div>

It will work for the time being. Maybe there will be a fix in later versions.  
Thx alot for trying to help me 🙂