search

syncfusion / xamarin-showcase-emi-calculator

This repository contains a cross-platform demo application built using Xamarin.Forms and Syncfusion controls. This app helps users to calculate EMI for the given principal, interest and tenure.
65 stars 36 forks source link

NumericUpDown spin buttons not showing up #5

Open maggima opened 5 years ago

maggima commented 5 years ago

Testing the app on the iOS 13 simulator and the spin buttons of the numericupdown control are not showing up. It displays correctly on Android though.

image

Versions used :

Thanks for your assistance on how to correct this issue.

Best regards !

RachelA07 commented 5 years ago

Hi @maggima ,

We suspect that you may have enabled DarkAppearance mode in the iOS 13 simulator. If that's the case, the reported issue can be overcome by checking whether dark mode is set using the approach given in the Xamarin. Forms link below along with Syncfusion's dark theme support.

https://devblogs.microsoft.com/xamarin/modernizing-ios-apps-dark-mode-xamarin/ https://help.syncfusion.com/xamarin/themes/themes#merging-the-dictionaries

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/DARKTH~3303174446

We have attached a sample for your reference (CustomPageRenderer.cs file in iOS platform project). Please check and let us know if you are facing issue in different scenario other than the above.

Thanks, Rachel.

maggima commented 5 years ago

Thanks for your quick answer. I made it working by setting the ButtonHeight/ButtonWidth on the UpDownButtonSettings and the HeightRequest/WidthRequest on the Image. And finally a HeightRequest on the NumericUpDown control itself.

Don't really know why the Android version doesn't need those values to be specified.

<controls:CustomNumericUpDown.IncrementButtonSettings>
    <numericUpDown:UpDownButtonSettings ButtonHeight="39" ButtonWidth="39">
        <numericUpDown:UpDownButtonSettings.ButtonView>
            <Image
                HeightRequest="39"
                Source="{converters:ImageResource LoanCalculator.Images.Up.png}"
                WidthRequest="39" />
        </numericUpDown:UpDownButtonSettings.ButtonView>
    </numericUpDown:UpDownButtonSettings>
</controls:CustomNumericUpDown.IncrementButtonSettings>
RachelA07 commented 5 years ago

Hi @maggima ,

As per our current implementation, you need to specify the ButtonWidth and ButtonHeight values in iOS platform. So, you can set the size as you did in your application until then.