# Components are shifted on Navegator

**URL:** <https://forum.inductiveautomation.com/t/components-are-shifted-on-navegator/90095>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [May 8, 2024, 12:44pm UTC](https://forum.inductiveautomation.com/t/components-are-shifted-on-navegator/90095 "2024-05-08T12:44:19Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![sebastien\_ng](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/sebastien_ng/32/55297_2.png) [@sebastien\_ng](https://forum.inductiveautomation.com/u/sebastien_ng)\
**Post date:** [May 8, 2024, 12:44pm UTC](https://forum.inductiveautomation.com/t/components-are-shifted-on-navegator/90095/1 "2024-05-08T12:44:19Z")

</div>

Hello, I download a booking on Ignition Exchange

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/9/49e44bacb6982f49eb1a8b5819f16f84f29e45cd.png)  
It is working good.  
But The problem is:  
I created an embeded View and I put Booking View then.

but the calendar components are shifted on Navegator .

Can someone tell me what I need to modify on the PROPS to displays it correctly please.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/c/acbb1280201379fde42faf54750e9f2f804f3471.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:** [May 8, 2024, 12:48pm UTC](https://forum.inductiveautomation.com/t/components-are-shifted-on-navegator/90095/2 "2024-05-08T12:48:18Z")

</div>

can you provide the props of these hour rows?  
or even better the whole view itself

---

<div class="post-metadata">

**Author:** ![sebastien\_ng](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/sebastien_ng/32/55297_2.png) [@sebastien\_ng](https://forum.inductiveautomation.com/u/sebastien_ng)\
**Post date:** [May 8, 2024, 1:03pm UTC](https://forum.inductiveautomation.com/t/components-are-shifted-on-navegator/90095/3 "2024-05-08T13:03:41Z")

</div>

hello @victordcq , here are the PROPOS :

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/2/0210b54eb15d280bd94e32a4a618af76b8a3f5f6.png)

Hour

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

Others views:

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

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/f/dfbeec510f59eecc6571f3cff9527f05714a53e7.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:** [May 8, 2024, 1:15pm UTC](https://forum.inductiveautomation.com/t/components-are-shifted-on-navegator/90095/4 "2024-05-08T13:15:33Z")

</div>

you are probably gonna be better of not using a canvas and instead use repeaters just like the daterange one

or you can do something like this

> [@Perspective - View Canvas - replicate Excel spreadsheet - freeze top and left headers?](https://forum.inductiveautomation.com/t/perspective-view-canvas-replicate-excel-spreadsheet-freeze-top-and-left-headers/50400/6):
>
> here ya go: Sorry for the terrible quality, i couldnt upload the big video and seems i reduce it way to much xD the spacing columns and rows is a bit off but its just a demo stuck_out_tongue important things are: for the header position:sticky top:0 left:null for the left one: position:sticky top:null left:0 for the rest: position:absolute or position:relative [ { "position": "sticky", "top": "0px", "left": null, "bottom": "auto", "right": "auto…