<Grid BackgroundColor="{StaticResource LightGrey}">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<controls:FaSearchBar Grid.Row="0" Margin="20"
x:Name="searchBar" TextColor="{StaticResource Black}" Text="{Binding SearchText}"
Placeholder="{Binding Localize[TextSearchFulfillment]}" PlaceholderColor="{StaticResource DarkGrey}"
BackgroundColor="{StaticResource LightGrey}">
</controls:FaSearchBar>
<Grid Grid.Row="1" BackgroundColor="{StaticResource White}">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<Label Grid.Column="0" Text="21 Pending Orders" Style="{StaticResource SecondaryTextLabel}"
VerticalOptions="Center" Margin="20,0,20,0"/>
<Label Grid.Column="1" Text="Last synced on: June 3, 09:41 AM"
Style="{StaticResource SummaryTextLabel}"
TextColor="{StaticResource DarkGrey}"
HorizontalOptions="EndAndExpand" />
<telerikInput:RadButton Grid.Column="2" Text="Sync Now" TextColor="{StaticResource DarkGrey}"
HorizontalOptions="EndAndExpand" Margin="20,10,20,10"
BorderThickness="2"
CornerRadius="10"
BorderColor="{StaticResource LightGrey}">
<telerikInput:RadButton.ImageSource>
<FontImageSource Size="Small" FontFamily="{DynamicResource FontAwesome5ProRegular}"
Glyph="{x:Static xaml:Icons.Rotate}" Color="{StaticResource DarkGrey}" />
</telerikInput:RadButton.ImageSource>
</telerikInput:RadButton>
</Grid>
</Grid>
Telerik UI for Xamarin Button does not provide a property for text wrapping. on iOS you can achieve this by using a custom renderer.
On Android the text wraps automatically.
Currently the Xamarin.Forms Button ContentLayout property controls the position of the button image and the spacing between the button's image and the button's text. This property can be used in RadButton as it inherits from the Xamarin.Forms Button.
Would be great to have the resizing option for image in RadButton in future releases.
When the Target version of the UWP project is Windows 1809, RadButton raises the following exception:
System.ArgumentException: Value does not fall within the expected range.
Hi, Please provide provision to set gradient background colour for Button. please find attachment for example to show gradient background colour for Button
Padding and HorizontalContentAlignment are not properly applied when Image is used.
Available in minor release 2018.3.1109. It will also be available in the R1 2019 release.
If you have set the HorizontalContentAlignment to some other value (End, Start) and you run the application in Release mode in UWP -> the value is reset to center.
Setting the padding property does not offset the text of the button in iOS Available in the R2 2018 release.
In the cases when a partially transparent image needs to be used so that the BackgroundColor of the button should be visible in the transparent areas of the image. Currently the image completely overrides the color. We should consider allowing the use of the two properties alongside.