Set orientation for a page

How-to Discussions
1

Hi, I’m building a multi-page application, and I want to lock the device orientation on some pages to “Portrait”, and lock another page to “Landscape”. I have searched around but could not find the answer. I know I can use the Mobile.Orientations in my .unoproj lik this

{
    "Mobile": {
        "Orientations": "Portrait"
    }
}

but this does not help me, as I want to control this for each page individually. Here is an example of what I want to achieve:

<App Background="#022328">
	<iOS.StatusBarConfig Style="Light" />
    <Android.StatusBarConfig Color="#022328" />
	<Router ux:Name="router" />

	<ClientPanel>
		<Navigator DefaultPath="start" SwipeBack="Right" >

			<!-- I want StartPage and Modepage to be Portrait only -->
			<StartPage ux:Template="start" router="router" />
			<ModePage ux:Template="mode" router="router" />

			<!-- I Want NormalGamePage to be Landscape only -->
			<NormalGamePage ux:Template="normal" router="router" />

		</Navigator>
	</ClientPanel>
</App>

Is there any way to accomplish this? Thanks in advance :slight_smile:

2

https://www.fusetools.com/community/forums/howto_discussions/different_orientation_settings_per_view_fixed_port

but I want this feature, too.