How to Dynamically Dock Header Based on Device Type

I am working on a project in where I would like the header of my application to be dynamic based on the device type. Specifically, I want the header to be docked at the top of the screen when the application is launched on a laptop or a TV. Conversely, I'd like the header to be docked at the bottom when launched on a mobile device. Can a dynamic page configuration be implemented based on the device type?

should be doable with the device -> type session property

This may not be reliable. My gut feeling (although I didn't test this) is that if you open Perspective on your phone browser, it's going to give a type browser instead of ios or android (I think those refer to the mobile app).

2 Likes