Below is the code I would like to have kinda 3 page scroll view wrapped up inside an absolute layout but doesn't working.

<AbsoluteLayout>
<Frame BackgroundColor="Azure" CornerRadius="20">
    <ScrollView AbsoluteLayout.LayoutBounds="0,0,2,2" AbsoluteLayout.LayoutFlags="All">
        <StackLayout>
        <StackLayout Orientation="Horizontal" Padding="20,20,20,20" HorizontalOptions="Center">
        <Frame WidthRequest="100">
            <StackLayout BackgroundColor="AliceBlue">
                <Image Source="tables.jpg" HorizontalOptions="Center" VerticalOptions="Center" Aspect="Fill"/>
                <Label Text="Tables" HorizontalOptions="Center"/>
            </StackLayout>
        </Frame>
            <Frame BackgroundColor="#CCFFC" WidthRequest="100">
                <StackLayout>
                    <Image Source="tables.jpg" HorizontalOptions="Center" VerticalOptions="Center" Aspect="Fill"/>
                    <Label Text="Tables" HorizontalOptions="Center"/>
                </StackLayout>
            </Frame>
        </StackLayout>
        <StackLayout Orientation="Horizontal" Padding="20,20,20,20" HorizontalOptions="Center">
                <Frame BackgroundColor="#CCFFC" WidthRequest="100">
                    <StackLayout BackgroundColor="AliceBlue">
                    <Image Source="tables.jpg" HorizontalOptions="Center" VerticalOptions="Center" Aspect="Fill"/>
                    <Label Text="Tables" HorizontalOptions="Center"/>
                </StackLayout>
            </Frame>
                <Frame BackgroundColor="#CCFFC" WidthRequest="100">
                    <StackLayout>
                    <Image Source="tables.jpg" HorizontalOptions="Center" VerticalOptions="Center" Aspect="Fill"/>
                    <Label Text="Tables" HorizontalOptions="Center"/>
                </StackLayout>
            </Frame>
        </StackLayout>
            <StackLayout Orientation="Horizontal" Padding="20,20,20,20" HorizontalOptions="Center">
                <Frame BackgroundColor="#CCFFC" WidthRequest="100">
                    <StackLayout BackgroundColor="AliceBlue">
                        <Image Source="tables.jpg" HorizontalOptions="Center" VerticalOptions="Center" Aspect="Fill"/>
                        <Label Text="Tables" HorizontalOptions="Center"/>
                    </StackLayout>
                </Frame>
                <Frame BackgroundColor="#CCFFC" WidthRequest="100">
                    <StackLayout>
                        <Image Source="tables.jpg" HorizontalOptions="Center" VerticalOptions="Center" Aspect="Fill"/>
                        <Label Text="Tables" HorizontalOptions="Center"/>
                    </StackLayout>
                </Frame>
            </StackLayout>
        </StackLayout>
    </ScrollView>
</Frame>
</AbsoluteLayout> 

Hi everyone,

I am retrieving data from sqlite database and there is a single field which contains two languages i.e. Urdu and Arabic. If I use urdu font then arabic text is not looking good and sometimes non-readable. And if I use arabic font then urdu text is not looking good. Is there any possibility that I could use separate fonts for different languages in a single field?

بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيمِ
عظیم اور دائمی رحمتوں والے خدا کے نام سے

I can modify the data in database to have some tags in it like:

بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيمِ
عظیم اور دائمی رحمتوں والے خدا کے نام سے

Any idea would be fantastic.

Thanks.

Is there any way which i can set minimum height property for absoluteLayout children? I already have tried MinimumHeightRequest without any luck

Is there a tabview or tabbedview like syncfusion and telerik controls in xamarin forms? Theoritacally it could be easily implemented using carouselview and indicatorview but problem is that carouselview requires itemsource binding with an itemtemplate. What we need is to define each tabs staticly as contentview like you can do using syncfusion and telerik controls.
all of the OS nuget packages like cardsview, xam.tabbedview etc are working with Itemsources because they use carouselview. Any idea if there is a free control already or how we can achieve this?

https://docs.telerik.com/devtools/xamarin/controls/tabview/tabview-getting-started
https://help.syncfusion.com/xamarin/tabbed-view/getting-started

How to create a pin like in the image and inside the pin there is a uri image loaded ?!

Have an Collectionview , when i click on item the backgroud is Grey .

How do i remove this or change to an other color ?

  <CollectionView ItemsSource="{Binding menu1}"
                                   Margin="0,20"
                                SelectionChanged="CollectionView_SelectionChanged"
                     SelectionMode="Single"
                                   HeightRequest="125"
                                   VerticalOptions="FillAndExpand"
                                   HorizontalScrollBarVisibility="Never" 
                                   ItemsLayout="HorizontalList" 
                                   Grid.Row="4" Grid.Column="0" Grid.ColumnSpan="3">
                                 <CollectionView.ItemTemplate>
                                       <DataTemplate>
                                           <StackLayout Padding="0,0,15,0">
                                               <Frame HeightRequest="50" HasShadow="False" BackgroundColor="#feeee8" CornerRadius="10">
                                                   <Image Source="{Binding Picture}"/>
                                               </Frame>
                                               <Label Text="{Binding Name}" HorizontalTextAlignment="Center"/>
                                           </StackLayout>
                                       </DataTemplate>
                                </CollectionView.ItemTemplate>
                 </CollectionView>

Hello people!

I'm trying to use VisualStateManager for a more consistent state change setup. My problem is, it doesn't seem to be able to recognize components that lie within other containers. Take for instance the following xaml:

            <StackLayout x:Name="CMD" Orientation="Horizontal"  BackgroundColor="Transparent"
                         Margin="0,0,5,0" IsEnabled="False">
                <VisualStateManager.VisualStateGroups>
                    <VisualStateGroup Name="CommonStates">
                        <VisualState Name="Disabled">
                            <VisualState.Setters>
                                <Setter TargetName="icon"
                                        Property="Label.TextColor"
                                        Value="{DynamicResource colors/disabled}" />
                                <Setter TargetName="text"
                                        Property="Label.TextColor"
                                        Value="{DynamicResource colors/disabled}" />
                            </VisualState.Setters>
                        </VisualState>
                    </VisualStateGroup>
                </VisualStateManager.VisualStateGroups>
                <Grid ColumnDefinitions="Auto,Auto,*">
                    <Label Grid.Column="0"
                                     WidthRequest="20"
                                     HeightRequest="20"
                                     Margin="0,0,10,0"
                                     Text="X"
                                     x:Name="icon" />
                    <Label Grid.Column="1"
                                  x:Name="text"
                                  Text="{Binding AddItemText}"
                                  TextColor="{DynamicResource colors/accent}"/>
                </Grid>
            </StackLayout>

This is just a representation of the original code, which contains custom controls - but the error is the same:

"InvalidOperationException: 'this element is not in a namescope'"

This only happens when the IsEnabled="False" property is set in the parent component.

In my real code, the enabled state is set based on a series of conditions, and when trying to set the IsEnabled property in code, I get a NullReferenceException in the Setter... presumably because it can't find the item in question.

Is this a known problem? Is there a solution to this?

When I debug my Xamarin.Forms app on UWP and an exception occurs, the application breaks on the line that the exception is thrown, showing me the exception details, the call stack, and allows me to inspect local variables. However, on android, every single time an exception occurs, I get this extremely unhelpful error:

The application is in Break Mode
Your app has entered a break state, but there is no code to show because all threads were executing external code (typically system or framework code).
An unhandled exception occurred

There are zero details about the exception. No stack trace. No local variables. Nothing.
(Note to the mods: it's really dumb that I'm not allowed to post a screenshot of this because I haven't been on the forums long enough)

Note, if I follow the exact same steps to reproduce any of these exceptions in UWP, the application breaks correctly on the exception and I am able to see the details. It is only in android that I get this useless page with no information.

I've tried adding unhandled exception handlers in my MainActivity, and added breakpoints, but when an exception occurs, the breakpoints never get hit and I still encounter the same useless error page:

[Activity(Label = "Redacted", Icon = "@drawable/icon", Theme = "@style/MainTheme", MainLauncher = true, ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation)]
public class MainActivity : global::Xamarin.Forms.Platform.Android.FormsAppCompatActivity
{
    protected override void OnCreate(Bundle bundle)
    {
        TabLayoutResource = Resource.Layout.Tabbar;
        ToolbarResource = Resource.Layout.Toolbar;

        base.OnCreate(bundle);

        global::Xamarin.Forms.Forms.Init(this, bundle);
        global::Xamarin.FormsMaps.Init(this, bundle);
        AppDomain.CurrentDomain.UnhandledException += HandleUnhandledException;
        AndroidEnvironment.UnhandledExceptionRaiser += HandleAndroidUnhandledException;
        LoadApplication(new App());
    }

    public override void OnRequestPermissionsResult(int requestCode, string[] permissions, Permission[] grantResults)
    {
        PermissionsImplementation.Current.OnRequestPermissionsResult(requestCode, permissions, grantResults);
    }

    private static void HandleUnhandledException(object sender, UnhandledExceptionEventArgs args)
    {
        ErrorHandler.HandleException(args.ExceptionObject as Exception);
    }

    private static void HandleAndroidUnhandledException(object sender, RaiseThrowableEventArgs args)
    {
        ErrorHandler.HandleException(args.Exception);
    }
}

The following is in my Xamarin.Forms assembly:

public static class ErrorHandler
{
    public static void HandleException(Exception e)
    {
        #if DEBUG
            System.Diagnostics.Debugger.Break();
        #endif
        Application.Current.MainPage.DisplayAlert(e.GetType().Name, e.Message, "OK");
    }
}

I've also tried both with an emulated device and with a real device, and the same thing happens either way.

Why am I not seeing useful exception information when debugging on android? Is there something I can do in order to stop seeing this useless "The application is in Break Mode" message?

I have created Master Detail Page with the tab page as detail. When I clicked the bottom tab menu, the menu in Master Detail doesn't selected as per clicked. Example, I clicked Music Tab at the bottom but menu at master page shows Home menu is active. How to solve this matters?
Anyone knows?

I'm working on a Xamarin.Forms project with a PCL backing IOS and Android projects. My iOS and Android projects have some platform-specific code for file handling, invoking pickers and such, but they all implement interfaces defined in the PCL, and are registered with ServiceLocator and injected at runtime.

Can anyone give me some tips on the best way to unit test the platform-specific code? I get that those tests will most likely have to run on the device itself, rather than in the VS/XS test runner, but I'm not sure exactly how to do that.

Any help would be appreciated.

Hi guys,

I'm currently trying to display tasks with BoxViews like this

However the width of this BoxViews should be dependent on the length of the task at hand.
I tried this with RelativeLayout + BoxViews and tried DataBinding on the Constraint Factor but then found out DataBinding is not useable in ConstraintExpressions.
Does anyone has a straight forward solution to this issue that doesn't come to my mind?

Also if you have an idea how I can archieve the same outcome with another method, please let me know

Sorry if its something obvious I'm not aware of yet, I'm a newbie in Xamarin Forms.
Thanks in advance!

I am using Template Selectors in ListViews successfully, where I detect if the Device is in landscape or portrait mode. When I rotate my devices the Class refreshes the Templates and I can change my Layout on the fly. Perfect !
Recently I use CollectionView and want to use the same technique, but the TemplateSelector is not updated when I rotate the device. Is this a mistake or do I have to pay attention to something here ?

Hello,

Currently I am migrating from usual Xamarin Android to Xamarin forms.
I am using google map in my application and I need to know the bounds (visible region) of the map.

In Xamarin Android I was using the following statement:

    LatLngBounds latLngBounds = googleMap.Projection.VisibleRegion.LatLngBounds;
    facilitiesProvider.GetFacilitiesForBounds(
            latLngBounds.Southwest.Latitude,
                    latLngBounds.Southwest.Longitude,
                    latLngBounds.Northeast.Latitude,
                    latLngBounds.Northeast.Longitude));

How can I retrieve current bounds of visible area?

Thank you

I have integrated Bambora Payment gateway in my Xamarin Forms app. After filling the payment details I am opening the payment checkout page in mobile browser to complete the payment. So, when the payment is completed it returns a URL with the payment status code. Now the question is that how can I receive/get this return URL in my Xamarin Forms app?

Note: I am not using WebView because using WebView might cause rejection of my app on Play Store and App Store both.

Hello community

I set a button in my home, and when I click on in there is a little delay on the transition

Home screen

<StackLayout Padding="30"
                     HorizontalOptions="Center">
            <Image Source="Perfil.png"
                   WidthRequest="50"
                   HeightRequest="50" />

            <Label Text="{Binding Username}"
                   HorizontalOptions="Center" />

            <StackLayout Orientation="Vertical"
                         Spacing="10">

                <StackLayout Orientation="Horizontal"
                             HorizontalOptions="Center"
                             Margin="0,0,40,0">
                    <Button Text="Mis mascotas"
                            ContentLayout="Left,20"
                            Image="Mis_mascotas.png"
                            HorizontalOptions="Start"
                            BackgroundColor="Transparent" />

                </StackLayout>
                <StackLayout Orientation="Horizontal"
                             HorizontalOptions="Center">
                    <Button Text="Agenda de control"
                            ContentLayout="Left,20"
                            Image="Agenda_control.png"
                            HorizontalOptions="Start"
                            BackgroundColor="Transparent" />

                </StackLayout>
                <StackLayout Orientation="Horizontal"
                             HorizontalOptions="Center">
                    <Button Text="Pareja encontrada"
                            ContentLayout="Left,20"
                            Image="Pareja_encontrada.png"
                            HorizontalOptions="Start"
                            BackgroundColor="Transparent" />

                </StackLayout>
                <StackLayout Orientation="Horizontal"
                             HorizontalOptions="Center"
                             Margin="0,0,30,0">
                    <Button Text="Editar mi perfil"
                            Command="{Binding GoToProfile}"
                            ContentLayout="Left,20"
                            Image="Editar.png"
                            HorizontalOptions="Start"
                            BackgroundColor="Transparent" />


                </StackLayout>
            </StackLayout>
            <StackLayout Margin="0,40,0,0"
                         Spacing="20">
                <Image Source="BotonCompra.png" />
                <Button BackgroundColor="{StaticResource ThirdColor}"
                        Text="¿Quieres poner a tu mascota en adopción?"
                        CornerRadius="20"
                        TextColor="{StaticResource BtonsColor}" />
                <Button BackgroundColor="{StaticResource ThirdColor}"
                        Text="¿Quieres poner a tu mascota disponible en busqueda de parejas?"
                        CornerRadius="20"
                        TextColor="{StaticResource BtonsColor}" />
            </StackLayout>
        </StackLayout>
    </ContentPage.Content>
</ContentPage>

HomeVM

     public ICommand GoToProfile { get; set; }
        public List<Item> HamburgersItems { get; set; }
        public HomeViewModel() {

            HamburgersItems = new HamburgerService().GetHamburgerItems();

            GoToProfile = new Command(async () => {
                await Application.Current.MainPage.Navigation.PushAsync(new ProfileScreen());
            });

detail

 <ContentPage Title="Master"
                     Padding="15">
            <StackLayout Orientation="Vertical">
                <StackLayout Orientation="Vertical">
                    <StackLayout Orientation="Horizontal"
                                 HorizontalOptions="FillAndExpand">
                        <Image Source="avatar.png"
                               BackgroundColor="Transparent"
                               HeightRequest="100"
                               WidthRequest="100"
                               VerticalOptions="Center" />
                        <StackLayout Orientation="Vertical">
                            <Label Text="Xamarin"
                                   HorizontalTextAlignment="Start"
                                   FontSize="Large"
                                   Margin="2,0,0,0"
                                   HorizontalOptions="Start"
                                   VerticalOptions="EndAndExpand"
                                   TextColor="Black" />
                            <Label Text="Xamarin Forms"
                                   HorizontalTextAlignment="Start"
                                   FontSize="Small"
                                   Margin="2,0,0,0"
                                   HorizontalOptions="Start"
                                   VerticalOptions="StartAndExpand"
                                   TextColor="#16161d" />
                        </StackLayout>
                    </StackLayout>

                    <StackLayout BackgroundColor="Black"
                                 MinimumHeightRequest="1"
                                 Orientation="Vertical"
                                 HeightRequest="1"
                                 HorizontalOptions="FillAndExpand">
                        <Label Text="fff"
                               FontSize="1"
                               TextColor="Black"
                               BackgroundColor="Black"
                               HorizontalOptions="CenterAndExpand" />
                    </StackLayout>
                    <CollectionView x:Name="MyBurger"
                                    SelectionMode="Single"
                                    ItemsSource="{Binding HamburgersItems}"
                                    SelectedItem="{Binding Item}"
                                    SelectionChangedCommand="{Binding SelectedItemChange}">
                        <CollectionView.ItemTemplate>
                            <DataTemplate>
                                <Grid Margin="10">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="auto" />
                                    </Grid.ColumnDefinitions>
                                    <StackLayout Orientation="Horizontal"
                                                 HorizontalOptions="Center"
                                                 VerticalOptions="Center">
                                        <Image Source="{Binding ImgSource}"
                                               Aspect="AspectFit"
                                               WidthRequest="37"
                                               HeightRequest="37" />
                                        <Label Text="{Binding Title}"
                                               VerticalOptions="Center"
                                               HorizontalOptions="Center"
                                               Grid.Column="1" />
                                    </StackLayout>
                                </Grid>
                            </DataTemplate>
                        </CollectionView.ItemTemplate>
                    </CollectionView>
                </StackLayout>
            </StackLayout>
        </ContentPage>
    </MasterDetailPage.Master>
    <MasterDetailPage.Detail>
        <NavigationPage BarBackgroundColor="{StaticResource PrimaryColor}">
            <x:Arguments>
                <ContentPage Padding="10">
                    <NavigationPage.TitleView>
                        <StackLayout Spacing="30"
                                     Orientation="Horizontal"
                                     VerticalOptions="Center"
                                     HorizontalOptions="Center">
                            <Image Source="LogoTexto.png"
                                   Margin="0,0,50,0"
                                   WidthRequest="200" />
                            <Image Source="CampanaNotificaciones.png">
                            </Image>
                        </StackLayout>
                    </NavigationPage.TitleView>
                    <ContentPage.Content>
                        <ScrollView>
                            <StackLayout>
                                <StackLayout Margin="10,20,0,0"
                                             Orientation="Horizontal">
                                    <ImageButton BackgroundColor="Transparent"
                                                 Source="userPicture.png"
                                           HorizontalOptions="CenterAndExpand"
                                           WidthRequest="182"
                                           HeightRequest="182" />
                                </StackLayout>
                                <StackLayout Margin="10,30,10,0"
                                             Spacing="20">
                                    <Label Text="Nombre del usuario"
                                           HorizontalOptions="CenterAndExpand" />
                                    <Entry Placeholder="Nombre"
                                           Keyboard="Text" />
                                    <Entry Placeholder="Segundo Nombre"
                                           Keyboard="Text" />
                                    <Entry Placeholder="Apellido"
                                           Keyboard="Text" />
                                    <Entry Placeholder="Segundo apellido"
                                           Keyboard="Text" />
                                    <renders:ExtendedDatePicker />
                                    <Picker Title="Genero" />
                                    <Label Text="Ubicación"
                                           Style="{StaticResource SeparatorTextStyle}" />
                                    <Picker Title="Nacionalidad" />
                                    <Entry Placeholder="Documento de identidad"
                                           Keyboard="Numeric" />
                                    <Picker Title="Pais" />
                                    <Picker Title="Estado" />
                                    <Picker Title="Ciudad" />
                                    <Entry Placeholder="Dirección" />
                                    <Label Text="Información de contacto"
                                           Style="{StaticResource SeparatorTextStyle}" />
                                    <Entry Placeholder="Teléfono local"
                                           Keyboard="Telephone" />
                                    <Entry Placeholder="Teléfono Celular"
                                           Keyboard="Telephone" />
                                    <Entry Placeholder="Correo eletrónico"
                                           Keyboard="Email" />
                                    <Entry Placeholder="Correo eletrónico secundario"
                                           Keyboard="Email" />
                                    <Label Text="Acerca de mi"
                                           Style="{StaticResource SeparatorTextStyle}" />
                                    <Editor Placeholder="Una breve descripción"
                                            AutoSize="TextChanges"
                                            Keyboard="Text" />
                                    <Button Text="Guardar"
                                            Margin="0,0,0,20"
                                            Style="{StaticResource YellowButtons}"
                                            HorizontalOptions="Center" />
                                </StackLayout>
                            </StackLayout>
                        </ScrollView>

                    </ContentPage.Content>
                </ContentPage>
            </x:Arguments>
        </NavigationPage>
    </MasterDetailPage.Detail>
</MasterDetailPage>

We are integrating with a 3rd party peripheral over Bluetooth. Whilst I realise we cannot run tests that rely on a Bluetooth connection there are parts of the Xamarin Forms shared library and the delegation to the platform specific parts that I'd like to have UnitTests for. These are not UITests

This question from 2016 https://forums.xamarin.com/discussion/comment/226027#Comment_226027 looked to be what I was looking for but it suggests using iOS and Android Unit testing apps.

Those project types don't seem to exist anymore.

Greeting everyone i'm here trying to display content of my table and if there's no data in that table it will show me DisplayAlert
but after DisplayAlert it's hange and close my app with this error

and here my code

using SQLite;
using StockCount.Models;
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Text;

using Xamarin.Forms;

namespace StockCount.Views
{
    public class ViewProducts : ContentPage
    {
        private ListView _listView;

        string _dbPath = Path.Combine(System.Environment.GetFolderPath(System.Environment.SpecialFolder.Personal), "StockCountDB.db3");

        public ViewProducts()
        {
            this.Title = "Products";

            var db = new SQLiteConnection(_dbPath);

            StackLayout stackLayout = new StackLayout();

            var info = db.GetTableInfo("ProductsTB");

            if (db.Table<ProductsTB>().Count()==0)
                {
                    DisplayAlert("Empty", "There's no Product in this table", "OK");
                }

                else
                {
                    try
                    {
                    _listView = new ListView();
                    _listView.ItemsSource = db.Table<ProductsTB>().OrderBy(x => x.ProductName).ToList();
                    stackLayout.Children.Add(_listView);
                    }
                    catch
                    {

                    }

                }
            Content = stackLayout;

        }
    }
}

how can avid that error?
and if there's suggestion to create table while startup my apps I hope there's sample for that

Hello,

I have a field where the user can write postal code. I want to receive the postal code in uppercase, so I capitalize it. Does Xamarin.Forms have any method to capitalize the text directly in the XAML code? I make it in the C# for now, but I want to move it to XAML if it is possible.

Thanks in advance.

I am using Xamarin forms.I have CollectionView in Xamarins showing List of Tickets.I want to highlight new rows whenever its inserted.Like flashing or blinking the row with red background say for 5 seconds.After 5 seconds it should be normal row. Clients will add rows in real time using SignalR.

<CollectionView.ItemTemplate>

                        <Frame x:Name="frame1" BackgroundColor="White" BorderColor="#F0F0F0" Padding="3" Margin="0,0,0,5" HasShadow="False" CornerRadius="10" DescendantAdded="Frame_DescendantAdded">
                            <Grid HeightRequest="40" HorizontalOptions="FillAndExpand" VerticalOptions="Start">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="2*"/>
                                    <ColumnDefinition Width="2*" />
                                    <ColumnDefinition Width="6*" />
                                </Grid.ColumnDefinitions>

                            <Label Grid.Column="0" x:Name="lb_TicketNumber" Text="{Binding TicketNumber}" TextColor="Black" FontSize="Large" FontAttributes="Bold" VerticalOptions="Center" Margin="20,0" HorizontalTextAlignment="Center"  />
                            <Label Grid.Column="1" Text="{Binding DeskName}" TextColor="Black" FontSize="Large" FontAttributes="Bold" VerticalOptions="Center" HorizontalTextAlignment="Center"/>
                            <Label Grid.Column="2" Text="{Binding ServiceNameEng}" TextColor="Black" FontSize="Large" FontAttributes="Bold" VerticalOptions="Center" HorizontalTextAlignment="Center" />

                            </Grid>

                        </Frame>

                </DataTemplate>
            </CollectionView.ItemTemplate>

        </CollectionView>

I have the issue with Grid that is in ScrollView
Some View-s in Grid is out of screen, but when I try get IsVisible for each view inside of Grid it return true ...
But really this View is out of screen ... How to get from code that this View is not visible due to ScrollView ?