Hi, I have a question,
How do make a pageControl show up once. E.g like an intro page for an app showing up once.
When I place a TextInput below at the bottom of the app view and I give it a focus, I end up not seeing the TextInput. How do I fix this?
Thanks for the help in advance
Can you post some example code of what your doing? That would probably help
Hi thank you.
‘’’
<!--This is the page for the intro of the app-->
<AppPage ux:Name="Intro_Page">
<PageIndicator Navigation="_intro" Alignment="BottomCenter">
<Circle ux:Generate="Factory" ux:Binding="DotFactory" Width="10" Height="10" Margin="6">
<SolidColor ux:Name="color" Color="#cb39c9"/>
<ActivatingAnimation>
<Change color.Color="#fff" />
</ActivatingAnimation>
</Circle>
</PageIndicator>
<PageControl ux:Name="_intro" >
<Style>
<Text Name="Caption" FontSize="40" TextColor="#fff" TextWrapping="Wrap" TextAlignment="Center" Margin="0,0,0,200"/>
<Image StretchMode="UniformToFill"/>
</Style>
<Page>
<Text Value="Skip" FontSize="20" Alignment="Right" TextColor="#fff" Margin="0,20,20,0">
<Clicked>
<NavigateTo Target="_register" NavigationContext="_appNav"/>
</Clicked>
</Text>
<StackPanel Alignment="Center">
<Text Value="The chat app just for you and your partner" Alignment="Center" />
</StackPanel>
<Image File="Assets/background4.jpeg" />
</Page>
<Page>
<Text Value="Skip" FontSize="20" Alignment="Right" TextColor="#fff" Margin="0,20,20,0">
<Clicked>
<NavigateTo Target="_register" NavigationContext="_appNav"/>
</Clicked>
</Text>
<StackPanel Alignment="Center">
<Text Value="Real men and women don't have side chics"/>
</StackPanel>
<Image File="Assets/background5.jpeg" />
</Page>
<Page>
<Text Value="Done" FontSize="20" Alignment="Right" TextColor="#fff" Margin="0,20,20,0">
<Clicked>
<NavigateTo Target="_register" NavigationContext="_appNav"/>
</Clicked>
</Text>
<StackPanel Alignment="Center">
<Text Value="Experience the wall of Love"/>
</StackPanel>
<Image File="Assets/background6.jpeg" />
</Page>
</PageControl>
</AppPage>
<!-- this is for registering your phone number and your loves phone number-->
<AppPage ux:Name="_register">
<HierarchicalNavigation Easing="QuinticInOut" Duration="0.5"/>
<Page ux:Class="Register_Number">
<EnteringAnimation>
<Move X="-1.5" RelativeTo="Size"/>
</EnteringAnimation>
<ExitingAnimation>
<Move X="1.5" RelativeTo="Size"/>
</ExitingAnimation>
</Page>
<Style>
<Image StretchMode="UniformToFill"/>
</Style>
<Register_Number ux:Class="RegLoveNum">
<!-- <BackButton Alignment="TopLeft" Text="Back"/> -->
</Register_Number>
<Register_Number ux:Name="_regMyNum">
<StackPanel Alignment="Bottom">
<TextInput PlaceholderColor="#fff" PlaceholderText="Enter Your Mobile Number e.g +233209334822" Margin="20,0,20,5" />
<Button Text="Register" Margin="130,0,130,300" Padding="10,15,10,15">
<Clicked>
<NavigateTo Target="_regLoveNum" NavigationContext="_appNav"/>
</Clicked>
</Button>
</StackPanel>
<Image File="Assets/background7.jpg"/>
</Register_Number>
<RegLoveNum ux:Name="_regLoveNum" ux:AutoBind="false">
<Style>
<Image StretchMode="UniformToFill"/>
</Style>
<StackPanel Alignment="Bottom">
<TextInput PlaceholderColor="#fff" PlaceholderText="Enter Your Lovers Phone Number e.g +233209334822" Margin="20,0,20,5" />
<Button Text="Send" Margin="130,0,130,300" Padding="10,15,10,15">
<Clicked>
<NavigateTo Target="_dashboard" NavigationContext="_appNav"/>
</Clicked>
</Button>
</StackPanel>
<Image File="Assets/background8.jpg"/>
</RegLoveNum>
</AppPage>
<!-- this is the dashboard-->
<AppPage ux:Name="_dashboard">
<Style>
<Image StretchMode="UniformToFill" />
</Style>
<PageControl>
<Page>
<StackPanel >
<Text Value="Chat Room" FontSize="42" Alignment="Center" />
</StackPanel>
<ScrollView>
<StackPanel Margin="0,100,0,0">
<Text Value="MyHeart: Hi Love, How are you?" />
<Text Value="Sweets: Hi Love, I am fine" />
</StackPanel>
</ScrollView>
</Page>
<Page>
<StackPanel>
<Text Value="Dashboard 2" />
</StackPanel>
</Page>
<Page>
<StackPanel>
<Text Value="Dashboard 3" />
</StackPanel>
</Page>
<Image File="Assets/app_bg3.jpg"/>
</PageControl>
</AppPage>
</Panel>
</DockPanel>
</DockPanel>
‘’’
The sections of my code I need help would be the part where I need the PageControl to show up once
‘’’
</PageIndicator>
<PageControl ux:Name="_intro" >
<Style>
<Text Name="Caption" FontSize="40" TextColor="#fff" TextWrapping="Wrap" TextAlignment="Center" Margin="0,0,0,200"/>
<Image StretchMode="UniformToFill"/>
</Style>
<Page>
<Text Value="Skip" FontSize="20" Alignment="Right" TextColor="#fff" Margin="0,20,20,0">
<Clicked>
<NavigateTo Target="_register" NavigationContext="_appNav"/>
</Clicked>
</Text>
<StackPanel Alignment="Center">
<Text Value="The chat app just for you and your partner" Alignment="Center" />
</StackPanel>
<Image File="Assets/background4.jpeg" />
</Page>
<Page>
<Text Value="Skip" FontSize="20" Alignment="Right" TextColor="#fff" Margin="0,20,20,0">
<Clicked>
<NavigateTo Target="_register" NavigationContext="_appNav"/>
</Clicked>
</Text>
<StackPanel Alignment="Center">
<Text Value="Real men and women don't have side chics"/>
</StackPanel>
<Image File="Assets/background5.jpeg" />
</Page>
<Page>
<Text Value="Done" FontSize="20" Alignment="Right" TextColor="#fff" Margin="0,20,20,0">
<Clicked>
<NavigateTo Target="_register" NavigationContext="_appNav"/>
</Clicked>
</Text>
<StackPanel Alignment="Center">
<Text Value="Experience the wall of Love"/>
</StackPanel>
<Image File="Assets/background6.jpeg" />
</Page>
</PageControl>
</AppPage>'''
I need this view to show once and after that, the user never gets to see this page again after they launch the app.
Also the below code, when I access it, on my phone has a great view, but when I place focus on my text input, the keyboard covers the text input
'''<Register_Number ux:Name="_regMyNum">
<StackPanel Alignment="Bottom">
<TextInput PlaceholderColor="#fff" PlaceholderText="Enter Your Mobile Number e.g +233209334822" Margin="20,0,20,5" />
<Button Text="Register" Margin="130,0,130,100" Padding="10,15,10,15">
<Clicked>
<NavigateTo Target="_regLoveNum" NavigationContext="_appNav"/>
</Clicked>
</Button>
</StackPanel>
<Image File="Assets/background7.jpg"/>
</Register_Number>
<RegLoveNum ux:Name="_regLoveNum" ux:AutoBind="false">
<Style>
<Image StretchMode="UniformToFill"/>
</Style>
<StackPanel Alignment="Bottom">
<TextInput PlaceholderColor="#fff" PlaceholderText="Enter Your Lovers Phone Number e.g +233209334822" Margin="20,0,20,5" />
<Button Text="Send" Margin="130,0,130,100" Padding="10,15,10,15">
<Clicked>
<NavigateTo Target="_dashboard" NavigationContext="_appNav"/>
</Clicked>
</Button>
</StackPanel>
<Image File="Assets/background8.jpg"/>
</RegLoveNum>'''
Thank you
In regards to the text input issue, I would suggest moving the elements out of the way when you put focus on the input. I took this straight from the Fuse documentation, as it shows what im talking about.
<Text Value="Instructions of some kind">
<WhileKeyboardVisible>
<Move Y="-1" RelativeTo="Keyboard" />
</WhileKeyboardVisible>
</Text>
<TextInput />
as for the one-time-screen issue: Im not so sure. I havent played with Fuse enough to know its limitations when it comes to databases, but i would try something along those lines. Maybe have an array in JavaScript thats blank by default. When the app opens it checks for a value in that array called something like tutDone. If it doesnt find it then it shows the one-time-page. Once the info you want has been submitted then you can add the value tutDone to the array. Now when the app opens it will find the value and NOT show the one-time page. I know doing it this way is indeed possible, but i doubt its the most efficient way to go about it.
Thank you… That worked perfectly.
What about displaying ‘’’’’’ once on first time launch. Then after the user comes back to the app the pageControl should not show up again. Actually the pageControl is a slider that will introduce the app to the user and after that it wont show up again.
How do I make that possible?