1. Home
  2. Forum
  3. Xamarin.Forms
  4. Layout looks totally different on UWP than Android

Layout looks totally different on UWP than Android

I am using the code below and please see how it looks like on Android and how it looks like on UWP

            <buttons:SfSegmentedControl  SelectionChanged="segmentedControl_SelectionChanged" SelectedIndex="{Binding SelectedDatetype, Mode=OneWay}"
    x:Name="segmentedControl" Margin="10,10,10,0"  CornerRadius="15" BorderColor="#048EAC"    Color="#048EAC"   DisplayMode="Text"
    VisibleSegmentsCount="4"   FontColor="Black" SelectionTextColor="White"  HorizontalOptions="Center"  ItemsSource="{Binding Datetypes}">
                <buttons:SfSegmentedControl.FontSize>
                    <OnIdiom x:TypeArguments="x:Double" Phone="30" Tablet="40" Desktop="50" />
                </buttons:SfSegmentedControl.FontSize>
                <buttons:SfSegmentedControl.SelectionIndicatorSettings>
                    <buttons:SelectionIndicatorSettings 
                       Position="Fill">
                    </buttons:SelectionIndicatorSettings>
                </buttons:SfSegmentedControl.SelectionIndicatorSettings>
            </buttons:SfSegmentedControl>

Android



UWP



1) it looks like that Android doesnt respect the Color it only sets the inline borders as #048EAC" but UWP fills in strangely. I dont actually know what Color attribute supposed to do.
2) UWP selection inline color doesnt fill but android does.
3) UWP is much smaller than Android. how to increase the size, i couldnt figure out



3 Replies
PA Paul Anderson S Syncfusion Team July 25, 2018 11:46 AM UTC

Hi Emil, 
 
Thank you for using Syncfusion products. 
 
Query 1: Color property does not set correctly for UWP and Android 
 
We were able to reproduce the reported issue "Color property does not set correctly for UWP and Android". We confirm the defect and logged the bug report internally. The fix will be included in the Volume 2 SP2 release which is expected to be rolled out by the end of August 2018. 
 
Query 2: UWP selection inline color doesn’t fill but android does. 
 
We were unable to reproduce the reported issue at our end. We have created the sample in which we have set Position as Fill and set Color for SelectionIndicatorSettings. Please have the sample for the same from the below link. 
 
 
Please run the sample and check whether issue reproduces at your end. If not please modify the sample with your changes with the issue reproducing at your end and this will help us to provide exact solution for your requirement. 
 
Query 3: UWP is much smaller than Android. how to increase the size 
 
We were able to reproduce the reported issue "UWP is much smaller than Android". We confirm the defect and logged the bug report internally. The fix will be included in the Volume 2 SP2 release which is expected to be rolled out by the end of August 2018. 
 
Regards, 
Paul Anderson 


EM Emil July 25, 2018 03:26 PM UTC

Hi, 

code above produces results on android like below, please compare with UWP result. how Android fills the selection and Uwp no.



PA Paul Anderson S Syncfusion Team July 26, 2018 08:22 AM UTC

Hi Emil, 
 
Thanks for the update. 
 
We have checked with the reported issue "Filling the selections are differs in Android and UWP" and we were unable to reproduce the reported issue. 
We have created the sample for your reference in which we have used Position as Fill and set Color property as "Green" for the selection indicator. We have attached the output screenshot for both UWP and android, in which Green color gets filled in the selected item background. Please have the screenshot and Video for the same from the below link. 
 
 
 
Please share some additional details like a video capture or a modified sample so that we can have a clear idea with the Fill issue faced. 
 
Regards, 
Paul Anderson 


Loader.
Up arrow icon