NumericUpDown spin buttons not showing up

[maggima]

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.

Versions used :

• Syncfusion : 17.3.0.19
• Xamarin.Forms : 4.3.0.908675

Thanks for your assistance on how to correct this issue.

Best regards !

[RachelA07]

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]

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]

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.