New to Telerik UI for Xamarin? Download free 30-day trial


The RadPath element exposes the following properties you can use to customize the look of the path figures:

  • Fill: Used for setting up the color within the figures. You should set an object of type RadBrush. This can be a RadSolidColorBrush or a RadSweepGradientBrush
  • Stroke: You can use this property to set the stroke color.
  • StrokeThickness: You can use this property to set the thickness of the stroke.
  • BackgroundColor: You can use this property to modify the color of the rectangle which contains the specific figure.

Here is an example with RadSweepGradientBrush:

<telerikPrimitives:RadPath x:Name="gradientPath"
                           Geometry="{x:Static telerikInput:Geometries.Diamond}">
                <Point>0.5, 0.5</Point>

Below you can check an example with RadSolidColorBrush:

<telerikPrimitives:RadPath x:Name="solidPath"
        <telerikCommon:RadPathFigure StartPoint="0, 1">
            <telerikCommon:RadLineSegment Point="1, 1" />
            <telerikCommon:RadLineSegment Point="0.5, 0" />
            <telerikCommon:RadLineSegment Point="0, 1" />

And the result is shown below:

RadPath Styling

See Also

In this article