</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <!--DXMETADATA start type="Literal" condition="communityenabled" value="%%scrap:name=_COMMUNITY_RATING%%" --><!--DXMETADATA end --> <!--DXMETADATA start type="LogoImage" --><!--DXMETADATA end--> <div id="ProjectTitle"><!--DXMETADATA start type="ProjectTitle" -->Extended Library for WPF and Silverlight<!--DXMETADATA end--></div> <div id="PageTitle"><div id="PageTitleText"><!--DXMETADATA start type="ItemTitle" -->Changing Direction and Orientation of the C1Rating Control<!--DXMETADATA end--></div></div> </div> <div id="AfterHeaderContent"> <!-- Spacing --> <span id="ToggleAllSectionsLink" class="FunctionLink"> <label id="CollapseAllLabel"><!--DXMETADATA start type="Phrase" name="COLLAPSE_ALL" -->Collapse All<!--DXMETADATA end--></label> <label id="ExpandAllLabel" style="display: none;"><!--DXMETADATA start type="Phrase" name="EXPAND_ALL" -->Expand All<!--DXMETADATA end--></label> </span><!--DXMETADATA start type="Literal" condition="communityenabled" value="%%scrap:name=_COMMUNITY_DROPDOWN%%" --><!--DXMETADATA end --> </div> <!--DXMETADATA start type="Breadcrumbs" scrap="_BREADCRUMBS" --><div class="BreadcrumbsContainer"><table><tr><td> <a href="Rating.html">Rating (WPF Only)</a> > <a href="Features.html">Features</a> > Changing Direction and Orientation of the C1Rating Control</td></tr></table></div><!--DXMETADATA end --> <div id="BodyContent"> <!--DXMETADATA start type="TopicSection" name="BodyText"--><p>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.</p> <h3><b>At Design Time</b></h3> <p>Complete the follwoing steps to customize the direction:</p> <ol> <li>In Design view, select the Rating control and set the <strong>FlowDirection</strong> property to RightToLeft.</li> <li>Press <b>F5</b> to run the application. Notice that the control rates from right to left as shown below. <p><img border="0" alt="Changing Direction of C1Rating" src="images/Image07.png"></p> </li> </ol>Complete the following steps to customize the orientation: <ol> <li>In <b>Properties</b> pane, set the <a href="C1.WPF.Extended.4~C1.WPF.Extended.C1Rating~Orientation.html">Orientation</a> property of the Rating control to <strong>Vertical.</strong></li> <li>Press <b>F5</b> to run the application. Notice that the control appears vertical. <p><img border="0" alt="Changing Orientation of C1Rating" src="images/Image08.png"></p> </li> </ol> <h3>In Source View</h3> <p>You can customize the dierction and oreintation of the Rating control by setting the FlowDirection property to <strong>RightToLeft</strong> and <a href="C1.WPF.Extended.4~C1.WPF.Extended.C1Rating~Orientation.html"><u><font color="#0066CC">Orientation</font></u></a> property to Vertical through code. Your code appears similar to the following.</p> <div class="FilteredContentCS"> <table class="SyntaxTable"> <tbody> <tr> <th>XAML</th> <th> <div class="CopyCodeWrapper"> <span class="CopyCode">Copy Code</span> </div> </th> </tr> <tr> <td colspan="2"> <pre> <c1:C1Rating HorizontalAlignment=<span style="COLOR: #800000">"Left"</span> VerticalAlignment=<span style="COLOR: #800000">"Top"</span> Margin=<span style="COLOR: #800000">"56,33,0,0"</span> FlowDirection=<span style="COLOR: #800000">"RightToLeft"</span> RatingPrecision=<span style="COLOR: #800000">"Precise"</span> Orientation=<span style="COLOR: #800000">"Vertical"</span>/> </pre> </td> </tr> </tbody> </table> </div><!--DXMETADATA end--> <a name="seealsobookmark"></a> <!--DXMETADATA start type="FilteredItemList" scrap="CATEGORISED_LINKS" namespace="linkcategory" source="Item" filter="" NoHeader="True" NoFooter="True" format="%%replaceinquotes:value=false%%%%scrap:name=_COLLAPSIBLE_HEADER,idprefix=seealso,caption=""%%phrase:name=SeeAlso%%%%designlist:tagidentifier=seealso,itemtype=See Also%%""%%%%filtereditemlist%%</div>"--><div class="SectionHeading" id="seealsoSectionHeading"><span class="SectionHeadingIcon"><!-- --></span><span class="SectionHeadingText">See Also</span></div><div id="seealsoSectionContent" class="SectionContent"><div class="SeeAlsoLink"> <a href="CustomizingRatingIcons.html">Customizing the C1Rating Icons</a></div> </div><!--DXMETADATA end--> </div> <div id="FooterContent"> <!--DXMETADATA start type="Scrap" condition="communityenabled" name="_COMMUNITY_FOOTER" --><!--DXMETADATA end --> <!--DXMETADATA start type="Variable" name="CopyrightNotice" format="<p> </p><p> </p><hr style=""height: 1px"" /><p>%%variable%%</p>" --><p> </p><p> </p><hr style="height: 1px"><p>Copyright (c) <script type="text/javascript"> var theDate=new Date() document.write(theDate.getFullYear()) </script> GrapeCity, inc. All rights reserved. <script> $(document).ready(function() { if (!(window.self !== window.top)) { // Not running in a frameset // Get the page name var pageName = location.href.substring(location.href.lastIndexOf("/") + 1); if (pageName.indexOf("#") != -1) { pageName = pageName.substring(0, pageName.indexOf("#")); } // Append to webframe.html var framePage = "webframe.html#" + pageName; location.href = framePage; } }); </script></p><!--DXMETADATA end --> <!--DXMETADATA start type="Variable" name="FeedbackLink" format="" --><a target="_blank" href="http://our.componentone.com/groups/">Product Support Forum</a> | <a target="_blank" href="http://feedback.componentone.com/forums/272000-wpf-and-silverlight-documentation">Documentation Feedback</a><!--DXMETADATA end--> </div> </body> </html>