Right to left(RTL) in Xamarin ComboBox (SfComboBox)

22 Aug 20221 minute to read

SfComboBox supports to change the layout direction of the control in the right-to-left direction by setting the FlowDirection to RightToLeft or by changing the device language.

XAML

<combobox:SfComboBox FlowDirection="RightToLeft">
</combobox:SfComboBox>

C#

combobox.FlowDirection = FlowDirection.RightToLeft;

Note
For implementing theFlowDirection in the control, Xamarin.Forms package version must be 3.0 and above. Please refer RightToLeft to get more details about RightToLeft flow direction in Xamarin.Forms.

Android

For Android, add android:supportsRtl="true" in your application tag of AndroidManifest.xml file, and make sure your MinSDKVersion is 17+. By changing the device language / enabling the device’s Force RTL layout can achieve the RightToLeft layout direction in Calendar.

XAML

<manifest ... >
<uses-sdk android:minSdkVersion="17" ... />
<application ... android:supportsRtl="true">
</application>
</manifest>

iOS

For iOS, add the RightToLeft language in the CFBundleLocalizations section of your Info.plist file, and make sure you’re targeting iOS 9+.

XAML

<resources>
<key>CFBundleDevelopmentRegion</key>
<string>en</string>
<key>CFBundleLocalizations</key>
<array>
<string>en</string>
<string>ar</string>
</array>
</resources>

UWP

For UWP, you need to set FlowDirection to RightToLeft in the MainPage.cs file of the UWP project.

C#

public MainPage()
{
…
this.FlowDirection = FlowDirection.RightToLeft;
LoadApplication (new App ());
…
}

The complete RTL sample is available in this link.