Image Manager RTL problem with Properties

[Dan]

I am using the Editor in RTL mode.  Everything seems to be working ok except for some of the manager dialogs.  For example, if I launch the Image Manager and select a file from the list, the Properties tab is hidden off to the left of the dialog.  When I move my cursor over to where the Properties tab should be it suddenly appears (you can see this behavior in your live demo here: http://demos.telerik.com/aspnet-ajax/editor/examples/righttoleft/defaultcs.aspx).  When I click on the Properties tab, many of the controls to set the property values are all shifted over and inaccessible.  The "link" to tie the Width and Height properties together to maintain the image proportions is not there at all.

I just installed the latest Q2 2010.2.826 version of the dll and am still having issues.

Can you please let me know if there is a fix for this?

Thank you.
Dan

[Bozhidar]

Hello Dan,

Please find attached editornoborders.zip containing a sample RadEditor project, where the problem with Properties tab was solved. The problem was, that in the additional CSS file that is necessary to be added to the application in order the Editor to work in Right to Left mode, there was some wrong defined CSS styles that were cascaded for the Default skin only. These rules are in RadEditor_Dialogs_RTL.css and  look:

.imagePreviewer .RadTabStrip_Default_rtl, .ManagerDialog .RadTabStrip_Default_rtl, .LinkManager .rtsLevel.rtsLevel1
{
    direction: ltr !important;
}

.imagePreviewer .RadTabStrip_Default_rtl .rtsUL, .ManagerDialog .RadTabStrip_Default_rtl .rtsUL, .LinkManager .RadTabStrip_Default_rtl .rtsUL
{
    position: relative !important;
    left: -10px;
}

I have fixed that in the file that I am sending with the project, and now the rules look:

.imagePreviewer .RadTabStrip_rtl, .ManagerDialog .RadTabStrip_rtl, .LinkManager .rtsLevel.rtsLevel1
{
    direction: ltr !important;
}

.imagePreviewer .RadTabStrip_rtl .rtsUL, .ManagerDialog .RadTabStrip_rtl .rtsUL, .LinkManager .RadTabStrip_rtl .rtsUL
{
    position: relative !important;
    left: -10px;
}

You could see, that in the fixed version are missing the Default cascades, and now it works almost perfect. When the page is loaded in IE, the position of the tabs is wrong for a second, but after that, it is overwritten by the right to left styles and it is placed on the right place.

As for the second problem with the shifted controls, I can not reproduce it with the latest Version of our controls. Please find attached editoravi.zip containing a video file, showing the result in the browser with the project attached.

In the first part of the movie, I am showing the wrong behavior when styles were not removed and the tab position is wrong until you hover them. Next I am fixing the styles and you could see that it is not necessary to hover over tabs to be placed on the right position.

Last part, shows that I am using the controls under Properties tab without any problems.

All the best,
Bojo
the Telerik team

[Dan]

Thank you for your reply.  The updated css files appear to have fixed my problem.