Edit this page

Right-to-Left Support

The RadToggleButton fully supports right-to-left (RTL) language locales (Figure 1). In order to turn on the RTL support you should set dir=rtl to the html or body element or at least to its parent element (Figure 1). You can also use the direction:rtl CSS property.

Figure 1: RadToggleButton in RTL mode.

RadToggleButton-rtl

Example 1: Set the "direction: rtl" style to the RadToggleButton's wrapper element in order to enable the RTL support for the control.

<div style="direction: rtl;">
    <telerik:RadToggleButton ID="RadToggleButton1" runat="server">
        <ToggleStates>
            <telerik:ButtonToggleState Text="موافق">
                <Icon CssClass="rbOk" />
            </telerik:ButtonToggleState>
            <telerik:ButtonToggleState Text="إلغاء">
                <Icon CssClass="rbCancel" />
            </telerik:ButtonToggleState>
        </ToggleStates>
    </telerik:RadToggleButton>
</div>

See Also