Content Page inside a Tabbed Page using XAML in xamarin.forms - xaml

I have a TabbedPage, with 3 childrens.
public partial class FactoryDetailsTabs : TabbedPage
{
public FactoryDetailsTabs()
{
InitializeComponent();
Children.Add(new FactoryDetailsTabs_DashboardTab());
Children.Add(new FactoryDetailsTabs_AnalysisTab());
Children.Add(new FactoryDetailsTabs_SettingsTab());
}
}
The 3rd tab contains the settings page. With following code
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="LogicalSugarDemoApp.Pages.FactoryDetailsTabs_SettingsTab"
xmlns:controls="clr-namespace:LogicalSugarDemoApp.NativeModels"
Title="Settings" Icon="settings">
<RelativeLayout>
<Frame x:Name="LanguageFrame" BackgroundColor="Pink">
<RelativeLayout
RelativeLayout.XConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Width,
Factor=0.20}"
RelativeLayout.YConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Height,
Factor=10.00}"
RelativeLayout.WidthConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Width,
Factor=0.40}"
RelativeLayout.HeightConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Height,
Factor=0.05}">
<Label x:Name="SelectLangLabel"
Text="Select Language"
TextColor="Black"
BackgroundColor="Teal"
FontFamily="Arial"
FontSize="30"
FontAttributes="Bold"
RelativeLayout.XConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Width,
Factor=0.02}"
RelativeLayout.YConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Height,
Factor=0.05}"
RelativeLayout.WidthConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Width,
Factor=0.70}"
RelativeLayout.HeightConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Height,
Factor=0.10}"/>
<Picker x:Name="LanguagePicker"
Title="English"
BackgroundColor="#e9e9e9"
RelativeLayout.XConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Width,
Factor=0.76}"
RelativeLayout.YConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Height,
Factor=0.05}"
RelativeLayout.WidthConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Width,
Factor=0.23}"
RelativeLayout.HeightConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Height,
Factor=0.10}"/>
</RelativeLayout>
</Frame>
</RelativeLayout>
<controls:AdView HorizontalOptions="Center" VerticalOptions="EndAndExpand"/>
</ContentPage>
I am not getting any output on this 3rd page inside tabbed page. But when I do this code in a content page outside TabbedPage that works. Please Help. I need it inside the TabbedPage

I think you should add your RelativeLayout to ContentPage.Content. Something like
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="LogicalSugarDemoApp.Pages.FactoryDetailsTabs_SettingsTab"
xmlns:controls="clr-namespace:LogicalSugarDemoApp.NativeModels"
Title="Settings" Icon="settings">
<ContentPage.Content>
<RelativeLayout>
<Frame x:Name="LanguageFrame" BackgroundColor="Pink">
<RelativeLayout
RelativeLayout.XConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Width,
Factor=0.20}"
RelativeLayout.YConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Height,
Factor=10.00}"
RelativeLayout.WidthConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Width,
Factor=0.40}"
RelativeLayout.HeightConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Height,
Factor=0.05}">
<Label x:Name="SelectLangLabel"
Text="Select Language"
TextColor="Black"
BackgroundColor="Teal"
FontFamily="Arial"
FontSize="30"
FontAttributes="Bold"
RelativeLayout.XConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Width,
Factor=0.02}"
RelativeLayout.YConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Height,
Factor=0.05}"
RelativeLayout.WidthConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Width,
Factor=0.70}"
RelativeLayout.HeightConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Height,
Factor=0.10}"/>
<Picker x:Name="LanguagePicker"
Title="English"
BackgroundColor="#e9e9e9"
RelativeLayout.XConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Width,
Factor=0.76}"
RelativeLayout.YConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Height,
Factor=0.05}"
RelativeLayout.WidthConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Width,
Factor=0.23}"
RelativeLayout.HeightConstraint=
"{ConstraintExpression Type=RelativeToParent,
Property=Height,
Factor=0.10}"/>
</RelativeLayout>
</Frame>
</RelativeLayout>
<controls:AdView HorizontalOptions="Center" VerticalOptions="EndAndExpand"/>
</ContentPage.Content>
</ContentPage>
But I don't know if it solve the problem

Related

how to fix 'java.lang.noclassdeffounderror' error on xamarin.android preview when use scrollview

I try code below but the android preview does not work when using scroll view and ios preview work fine just does not show the images but when run the project the result in simulator and emulator is true, my problem is on the preview
this my xaml page:
<?xml version="1.0" encoding="utf-8"?>
<ContentPage Style="{StaticResource baseStyle}" xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:Flightio" x:Class="Flightio.MainPage"
xmlns:ffimageloadingSVG="clr-namespace:FFImageLoading.Svg.Forms;assembly=FFImageLoading.Svg.Forms"
xmlns:fftransformations="clr-namespace:FFImageLoading.Transformations;assembly=FFImageLoading.Transformations">
<ContentPage.Content>
<ScrollView>
<Grid RowSpacing="8" x:Name="grid_Main">
<Grid.RowDefinitions>
<RowDefinition Height="45" />
<RowDefinition Height="75" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Image Source="Logo.jpg" x:Name="image_logo" HorizontalOptions="Center" Margin="0,10,0,0"/>
<RelativeLayout HorizontalOptions="FillAndExpand" x:Name="relLay_blueMenu" BackgroundColor="#1e559e" Grid.Row="1" Margin="10,0,10,0">
<ContentView BackgroundColor="White" x:Name="view_domesticMenu"
Margin="0,5,0,0"
RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.8}"
RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.2}"
RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1}">
<RelativeLayout x:Name="relLay_flightMenu" HorizontalOptions="FillAndExpand">
<Label Text="aliali" TextColor="Red" XAlign="Center" Margin="10,0,10,0"/>
</RelativeLayout>
</ContentView>
<ContentView BackgroundColor="#1e559e" x:Name="view_internationalFlightMenu"
Margin="0,5,0,0"
RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.6}"
RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.2}"
RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1}"></ContentView>
<ContentView BackgroundColor="#1e559e" x:Name="view_hotelMenu"
Margin="0,5,0,0"
RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.4}"
RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.2}"
RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1}"></ContentView>
<ContentView BackgroundColor="#1e559e" x:Name="view_trianMenu"
Margin="0,5,0,0"
RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.2}"
RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.2}"
RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1}"></ContentView>
<ContentView BackgroundColor="#1e559e" x:Name="view_busMenu"
Margin="0,5,0,0"
RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0}"
RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.2}"
RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1}">
<Label Text="aliali2" TextColor="Blue" XAlign="Center"/>
</ContentView>
</RelativeLayout>
<!-- <ffimageloadingSVG:SvgCachedImage Source="baseline-flight.svg" x:Name="image_logo2" HorizontalOptions="Center" Grid.Row="2"/> -->
</Grid>
</ScrollView>
</ContentPage.Content>
</ContentPage>
and I got this error on android preview when using scroll view:
so I have two questions:
1- how to fix my android preview?
2- how show images in ios preview?
1- how to fix my android preview?
I just tested you xaml code in my side and it works well in preview.
I use Visual Studio Community 2017, version(15.9.9)
you can try clean and rebuild your project.
try to restart your visual studio.
2- how show images in ios preview?
Try to remove the .jpg in image's name. For example:
<Image Source="Logo"/>
Also, check the tips listed here: xaml-previewer-isnt-showing-or-shows-an-error
but when run the project the result in simulator and emulator is true
I think the result in simulator and emulator is more reliable than in preview.
I had the same problem and I solved it by changing the target platform of the Android project.
From Android 9.0 (Pie) to Android 8.1 (Oreo) in the application properties and in the Android manifest.

XAML error: Type RelativePanel not found in xmlns

I wrote XAML code for xamarin.forms crossplatform app a Type RelativePanel not found in xmlns error occurs.
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:local="clr-namespace:App2"
x:Class="App2.MainPage"
BackgroundColor="White">
<StackLayout >
<Label Text="Browse Files"
VerticalOptions="Start"
HorizontalOptions="CenterAndExpand"
TextColor="Black"
FontAttributes="Bold"
HorizontalTextAlignment="Center"
/>
<RelativePanel HorizontalAlignment="Center"
Margin="0,10,0,0">
<Entry
Text ="LOAD FILES"
x:Name="files"
BackgroundColor="Black">
<Entry.WidthRequest>
<OnPlatform x:TypeArguments="x:Double">
<On Platform ="iOS">80</On>
<On Platform ="Android,Windows">70</On>
</OnPlatform>
</Entry.WidthRequest>
<Entry.HeightRequest>
<OnPlatform x:TypeArguments="x:Double">
<On Platform="iOS">80</On>
<On Platform="Android,Windows">70</On>
</OnPlatform>
</Entry.HeightRequest>
</Entry>
<Button Text="...."
VerticalOptions="End"
HorizontalOptions="End"
x:Name="Button1"/>
</RelativePanel>
<RelativePanel HorizontalAlignment="Center"
Margin="0,10,0,0">
<Button x:Name="processbtn" Content="Process"
Height="35" Width="65" Click="processbtn_Click"/>
<Button x:Name="cancelbtn" Content="Exit"
Height="35" Width="65" Margin="10,0,0,0"
RelativePanel.RightOf="loginbtn" Click="cancelbtn_Click"/>
</RelativePanel>
</StackLayout>
</ContentPage>
Unhandled Exception:
Xamarin.Forms.Xaml.XamlParseException: Position 16:10. Type RelativePanel not found in xmlns http://xamarin.com/schemas/2014/forms occurred
When I remove relativePanel, exception occurs for content and height.
RelativePanel is not a supported Xamarin Forms control.
Instead you should use a RelativeLayout
RelativeLayout can be used to position views on screen relative to the overall layout or two other views.
So, here a little sample:
<RelativeLayout>
<BoxView Color="Gray" HeightRequest="100"
RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1}" />
<Button BorderRadius="35" x:Name="imageCircleBack"
BackgroundColor="Maroon" HeightRequest="70" WidthRequest="70" RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent,Property=Width, Factor=.5, Constant = -35}" RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Factor=0, Property=Y, Constant=70}" />
<Button BorderRadius="30" BackgroundColor="Red" HeightRequest="60"
WidthRequest="60" RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToView, ElementName=imageCircleBack, Property=X, Factor=1,Constant=5}" RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Factor=0, Property=Y, Constant=75}" />
<Label Text="User Name" FontAttributes="Bold" FontSize="26"
HorizontalTextAlignment="Center" RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Y, Factor=0, Constant=140}" RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1}" />
<Entry Text="Bio + Hashtags" TextColor="White" BackgroundColor="Maroon"
RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Y, Factor=0, Constant=180}" RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1}" />
<RelativeLayout BackgroundColor="White" RelativeLayout.YConstraint="
{ConstraintExpression Type=RelativeToParent, Property=Y, Factor=0, Constant=220}" HeightRequest="60" RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1}" >
<BoxView BackgroundColor="Black" WidthRequest="50"
HeightRequest="50" RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Y, Factor=0, Constant=5}" RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=X, Factor=0, Constant=5}" />
<BoxView BackgroundColor="Maroon" WidthRequest="50"
HeightRequest="50" RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Y, Factor=0, Constant=5}" RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.5, Constant=}" />
<Label FontSize="14" TextColor="Black" Text="Accent Color"
RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Y, Factor=0, Constant=20}" RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=X, Factor=0, Constant=60}" />
<Label FontSize="14" TextColor="Black" Text="Primary Color"
RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Y, Factor=0, Constant=20}" RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.5, Constant=55}" />
</RelativeLayout>
For more information see: RelativeLayout documentation

Resetting the XConstraint and YConstraint of an image present inside a relative layout in Xamarin fomrs

I have a requirement in Xamarin forms where an image positioned in RelativeLayout needs to be changed based on a condition. I can get the condition only through the code. Here is my code.
<?xml version="1.0" encoding="utf-8" ?><ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="Test.Views.Home"> <ContentPage.Content>
<RelativeLayout>
<ContentView
RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1}"
RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1}">
</ContentView>
<Image Source="imageButton.png"
x:Name="FloatButton"
HeightRequest="100"
WidthRequest="100"
RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1, Constant=-98}"
RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1, Constant=-113}"/>
</RelativeLayout> </ContentPage.Content></ContentPage>
Here if you see the RelativeLayout.YConstraint of Image control, i need to change the expression to
RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1, Constant=-250}"/>
How can i do it through code? Note that i need to set it like the above xaml code initially and on some conditions which i get inside the code, i need to change the YConstraint like the above code. Can anyone pls help me?

StackLayout is not viewable inside RelativeLayout

I'm trying to add a floating action button to my page, to do so I wrapped my stack layout with a relative layout and add the FAB in the relative layout.
<ContentPage.Content>
<RelativeLayout BackgroundColor="Transparent">
<fab:FloatingActionButton
x:Name="fabBtn"
Source="plus.png"
Size="Normal"
Clicked="Handle_FabClicked"
NormalColor="Green"
RippleColor="Blue"
RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1, Constant=-75}"
RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1, Constant=-75}" />
<StackLayout
Spacing="10"
Padding="5"
VerticalOptions="FillAndExpand"
HorizontalOptions="FillAndExpand"
RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1}"
RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1}">
<Label Text="Latest news/activities" FontSize="Medium" VerticalOptions="Start"/>
<ScrollView VerticalOptions="CenterAndExpand">
<ListView
x:Name="lsvActivities"
HasUnevenRows="True">
<ListView.ItemTemplate>
<DataTemplate>
<ViewCell>
<StackLayout Orientation="Horizontal" Padding="3">
<StackLayout Orientation="Vertical" HorizontalOptions="StartAndExpand">
<Label Text="{Binding title}" VerticalOptions="StartAndExpand"/>
<Label Text="{Binding date}" VerticalOptions="End"/>
</StackLayout>
<StackLayout HorizontalOptions="End" WidthRequest="100" HeightRequest="100" BackgroundColor="Blue">
<Label Text="image here"/>
</StackLayout>
</StackLayout>
</ViewCell>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</ScrollView>
<Label Text="Good Mording" FontSize="Large" VerticalOptions="End" HorizontalOptions="Center"/>
</StackLayout>
</RelativeLayout>
</ContentPage.Content>
But it locks like the StackLayout is out of the boundary of the layout or something.
What is problem? and how I can display both the FAB and the StackLayout, where the floating action button should always be on top of the StackLayout elements
Are you trying to have the StackLayout occupy the entire screen (with the button on top)? If so, this part isn't going to do that:
RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1}"
RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1}">
That is placing the top left corner of the StackLayout at the bottom right of the screen.
Per the Xamarin docs:
Unlike AbsoluteLayout, RelativeLayout does not have the concept of the
moving anchor and does not have facilities for positioning elements
relative to the bottom or right edges of the layout.
In other words, AbsoluteLayout will try to adjust for you if you place something at the bottom right corner. RelativeLayout won't.
You probably want the constraints noted above on the StackLayout to be WidthConstraint and HeightConstraint, and set the XConstraint and YConstraint to 0.
And as Sven-Michael says, drop the ScrollView.
EDIT
The XAML should look like:
RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1}"
RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1}"
RelativeLayout.XConstraint="{ConstraintExpression Type=Constant,Constant=0}"
RelativeLayout.YConstraint="{ConstraintExpression Type=Constant,Constant=0}"

Xamarin forms set popup border radius using Rg.Plugins.Popup

I am developing an IOS application using Xamarin.Forms,in that application I am showing a popup using Rg.Plugins.Popup. I have tried to change the border radius(Increase) of the popup window but I couldn't achieve it.anyone please help me to accomplish this changes in my app.
Expected Screen
Actual Screen
Popup.xaml
<?xml version="1.0" encoding="utf-8" ?>
<pages:PopupPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:pages="clr-namespace:Rg.Plugins.Popup.Pages;assembly=Rg.Plugins.Popup"
x:Class="TestApp.Popup"
xmlns:i18n="clr-namespace:TestApp;assembly=TestApp"
xmlns:local="clr-namespace:TestApp">
<StackLayout VerticalOptions="Center"
HorizontalOptions="FillAndExpand"
Padding="20, 10, 20, 20"
Opacity="0.9">
<Frame BackgroundColor="White"
>
<StackLayout Padding="0, 10, 0, 40" >
<RelativeLayout>
<Label x:Name="congratsText"
Text=""
TextColor="#396BA2"
FontAttributes="Bold"
FontSize="20"
FontFamily="MYRIADPRO-BOLD"
HorizontalTextAlignment="Center"
RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent,Property=Width, Factor=1}"
RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Y, Factor=1,Constant=0}"
local:CustomFontEffect.FontFileName="MYRIADPRO-BOLD"/>
<Label x:Name="callText"
TextColor="#396BA2"
FontFamily="MYRIADPRO-REGULAR"
FontSize="18"
Margin="10"
HorizontalTextAlignment="Center"
RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent,Property=Width, Factor=1}"
RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToView, ElementName=foundText, Property=Y, Factor=1,Constant=60}"
local:CustomFontEffect.FontFileName="MYRIADPRO-REGULAR" >
<Label.FormattedText>
<FormattedString>
<FormattedString.Spans>
<Span Text="Please call " />
<Span Text="0987654321" FontAttributes="Bold" />
<Span Text="for any help." />
</FormattedString.Spans>
</FormattedString>
</Label.FormattedText>
</Label>
<Button x:Name="OkButton"
BackgroundColor="#9DC96F"
FontFamily="MYRIADPRO-BOLD"
FontAttributes="Bold"
FontSize="20"
RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1}"
RelativeLayout.HeightConstraint="40"
Text="Ok"
TextColor="White"
Clicked="ok"
RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ResendButton, Property=Y, Factor=1,Constant=75}"
local:CustomFontEffect.FontFileName="MYRIADPRO-BOLD"/>
<Button x:Name="LoginButton"
BorderColor="#9DC96F"
BackgroundColor="White"
BorderWidth="2"
FontFamily="MYRIADPRO-BOLD"
FontAttributes="Bold"
FontSize="20"
RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1}"
RelativeLayout.HeightConstraint="40"
Text="Cancel"
TextColor="#9DC96F"
Clicked="Cancel"
RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToView, ElementName=OkButton, Property=Y, Factor=1,Constant=55}"
local:CustomFontEffect.FontFileName="MYRIADPRO-BOLD"/>
</RelativeLayout>
</StackLayout>
</Frame>
</StackLayout>
</pages:PopupPage>
I'm creator of this plugin. Plugin doesn't support border radius. It is not duty of plugin. Plugin must shows popup page and only. You must make views and styles themselves. Thank you.
I achieved this successfully by setting the BackgroundColor of the outer StackLayout to Transparent. Then setting the CornerRadius property on the inner Frame
Replaces <Frame BackgroundColor="White">
With <Frame BackgroundColor="White" CornerRadius="40">