Regarding the new setRTL in the pro versions - there are several problems, many of them I saw in Opera only so far.
The columns aren’t aligned with the column headers in Opera. To fix this change:
this.hdr.style.marginRight=“17px”
this.hdr.style.paddingRight=“0px”
to:
this.hdr.style.marginRight=""
this.hdr.style.paddingRight=""
The headers are right-aligned by default instead of centered as with the non RTL. In the CSS, change:
.gridbox table.hdr tr td div {
text-align:right;
padding-right:10px;
}
to:
.gridbox table.hdr tr td div {
padding-right:10px;
}
All English text is reversed in all components. I removed all the lines in the css that say
unicode-bidi :bidi-override
This includes two lines in the standard dhtmlxcombo css.
Why were these added? They just force everything to be reversed including English text!
In both grid and combo, the selected row background usually starts with an offset at the right side whenever the vertical scrollbar is visible so the selection bar is drawn a few pixels off to the left.
For combo a possible fix is:
.dhx_selected_option{
float :right !important;
}
For grid I haven’t been able to find it and fix it yet. Can anyone help please?
One final issue, but this has to do with the dhxGridPanel (for adding a grid to ExtJS). The horizontal scrollbar doesn’t work properly in either IE or Opera in RTL mode when in a dhxGridPanel. Is this panel supported?
You skipped fix #2 - it’s a valid fix because the default behaviour for LTR is to center the headers not to left-align, so for consistency, RTL should be centered as well.
Also you didn’t provide a fix for #4 for the grid selection in Opera. I attached a screenshot. It only happens when there’s a vertical scrollbar.
Problem in opera confirmed and fixed.
Updated js files are attached.
as for #2 - the align of header are differs in different skins , and while in default skin it is center aligned, in most other skins it is left aligned ( which was converted to right align in rtl mode ) rtl2.zip (6.24 KB)
Well my working code is scattered amongst many large .js files but I wrote up a very simple basic grid in RTL and the same bug appeared so it’s nothing difficult to reproduce. Open the attached in IE6.
Also open the attached in Opera and see issue #2 - the scrollbar on the right. index.zip (538 Bytes)
However your attached file fixes the IE issue, thanks!
However, while it puts the Opera scrollbar on the right, it also brings back the bug I reported previously in this topic regarding the selection bar in Opera. I’ll copy/paste the old screenshot: