# Change "header" based on actual page

**URL:** <https://forum.inductiveautomation.com/t/change-header-based-on-actual-page/85301>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [February 6, 2024, 3:33pm UTC](https://forum.inductiveautomation.com/t/change-header-based-on-actual-page/85301 "2024-02-06T15:33:27Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![tecnoeletronic](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tecnoeletronic/32/50975_2.png) [@tecnoeletronic](https://forum.inductiveautomation.com/u/tecnoeletronic)\
**Post date:** [February 6, 2024, 3:33pm UTC](https://forum.inductiveautomation.com/t/change-header-based-on-actual-page/85301/1 "2024-02-06T15:33:27Z")

</div>

Hello,

I would like to have a project advice in perspective.

In the 'page configurations' - 'shared settings', I have configured a generic view ('header') in the 'top' section. Is it possible to load other 'headers' based on the displayed page?

---

<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 6, 2024, 3:48pm UTC](https://forum.inductiveautomation.com/t/change-header-based-on-actual-page/85301/2 "2024-02-06T15:48:05Z")

</div>

See if [Remove View Header](https://forum.inductiveautomation.com/t/remove-view-header/72090) gets you on the right track.

---

<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:** [February 6, 2024, 4:12pm UTC](https://forum.inductiveautomation.com/t/change-header-based-on-actual-page/85301/3 "2024-02-06T16:12:30Z")

</div>

If you mean you want to statically set different docks (assuming that's what you're talking about), follow the link @Transistor provided.

If you mean you want to dynamically load different views in that same dock depending on the current page, you can use the page's properties, and more specifically `page.props.primaryView` to determine what's the current page, then act accordingly (binding, script, whatever).

---

<div class="post-metadata">

**Author:** ![tecnoeletronic](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tecnoeletronic/32/50975_2.png) [@tecnoeletronic](https://forum.inductiveautomation.com/u/tecnoeletronic)\
**Post date:** [February 6, 2024, 4:19pm UTC](https://forum.inductiveautomation.com/t/change-header-based-on-actual-page/85301/4 "2024-02-06T16:19:55Z")

</div>

Thank you for the responses! I'm doing some tests, but I think both approaches are correct. Probably, in my case, the solution of [pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud) fits better!