# Changing Direction and Orientation of the C1Rating Control

## Content



Rating for WPF provides the option to customize the direction in which the control rates (left to right or right to left), and the orientation (vertical or horizontal) in which the control appears.

### **At Design Time**

Complete the follwoing steps to customize the direction:

1.  In Design view, select the Rating control and set the **FlowDirection** property to RightToLeft.
2.  Press **F5** to run the application. Notice that the control rates from right to left as shown below.
    
    ![Changing Direction of C1Rating](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/images/image07.png)
    

Complete the following steps to customize the orientation:

1.  In **Properties** pane, set the [Orientation](/componentone/api/wpf/online-extended/dotnet-framework-api/C1.WPF.Extended.4.6.2/C1.WPF.Extended.C1Rating.Orientation.html) property of the Rating control to **Vertical.**
2.  Press **F5** to run the application. Notice that the control appears vertical.
    
    ![Changing Orientation of C1Rating](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/images/image08.png)
    

### In Source View

You can customize the dierction and oreintation of the Rating control by setting the FlowDirection property to **RightToLeft** and [Orientation](/componentone/api/wpf/online-extended/dotnet-framework-api/C1.WPF.Extended.4.6.2/C1.WPF.Extended.C1Rating.Orientation.html) property to Vertical through code. Your code appears similar to the following.

```xml
<c1:C1Rating HorizontalAlignment="Left" VerticalAlignment="Top" Margin="56,33,0,0" 
             FlowDirection="RightToLeft" RatingPrecision="Precise" Orientation="Vertical"/>
```

## See Also

[Customizing the C1Rating Icons](/componentone/docs/wpf/online-extended/Rating/Features/CustomizingRatingIcons)