radwindow right-to-left support issue

[Malek]

Hello there,
I'm using radwindow in my page in RTL mode, but it doesn't seem link it work!!
it looks like in the attached image!!

I set direction = rtl to the container of the radwindow as in you live demo but didn't work.
did I miss anything to do?

please help me
thanks in advance

[Shinu]

Hello Malek,

You can add the following custom CSS.

CSS:

.windowcss
 {
   direction:rtl;
 }
</style>

Thanks,
Shinu.

[Marin Bratanov]

Hi guys,

It is important to note that the RadWindow actually renders in the page root (i.e. as a direct child of the form element). This means that an rtl style set only to its container will not affect it properly, as it is not entirely rendered there.

In the demo the description says " in order to turn on the RTL support you should set dir=rtl to the html or body elements". The RTL page itself is loaded in an iframe and has the direction="rtl" attribute applied to the html element (via CSS).


Best wishes,
Marin
the Telerik team

[Malek]

Thank you Marin for your help,
your solution works good, but unfortunately I can't  set dir=rtl to the html or body elements, I must set the direction for each element separately, so is there any way to set the direction of the radwindow directly? (I prefer to be in code behind)..

thank you

[Marin Bratanov]

Hello Malek,

In that case what I can advise is that you set up a CSS class for the controls you need with RTL layout, for example:

.rtlClass
{
    direction: rtl;
}

and then apply it to the RadWindow's popup element via its CssClass property (which can also be set in the code-behind):

<telerik:RadWindow runat="server" ID="RadWindow1" CssClass="rtlClass" VisibleOnPageLoad="true">
    <ContentTemplate>
        <asp:Label ID="Label1" Text="some text with rtl layout" runat="server" />
    </ContentTemplate>
</telerik:RadWindow>

This results in the attached screenshot with me. I hope this is the expected behavior.

Regards,
Marin
the Telerik team

[Malek]

Thank you very much Marin, that's exactly what I wanted to do.