Thank you for your valuable input.

I’ve forwarded this to WebGrid development team (as work item #551). I’ll let you know any news I heard from the team regarding this.

thx yudi.

i had another problem with the webgrid if u can addressed it to the team regarding the dir="rtl"

when u put a webgird in a div and put dir="rtl" the arrows of the classic paging turn the face each other and not the right way.

thx in advance.

Have you tried to use and set the CellStyle-HorizontalAlign property to “Right” instead of using <div dir=”rt”>?

I’ve tested that by using HorizontalAlign property set to “Right”, it will not causing the classic paging turn the face each other and remain in the right way.

Below is the snippet code.

<RootTable DataKeyField="CustomerID">
    <Columns>
        <ISWebGrid:WebGridColumn Caption="CustomerID" DataMember="CustomerID" Name="CustomerID"
            Width="100px">
            <CellStyle HorizontalAlign="Right">
            </CellStyle>
        </ISWebGrid:WebGridColumn>
        <ISWebGrid:WebGridColumn Caption="CompanyName" DataMember="CompanyName" Name="CompanyName"
            Width="100px">
            <CellStyle HorizontalAlign="Right">
            </CellStyle>
        </ISWebGrid:WebGridColumn>

Hope this helps.

hi yudi

i tried your solution but only the cell change not the structure of the webgrid , we prefer that the webgrid will be on the right of page beacuse hebrew is rtl .

hope u can find another solution for me .

thx

How if the status bar of the grid is set to have ‘ltr’ direction instead of ‘rtl’ direction, so that the classic paging UI no longer turning the face each other. If this workaround is acceptable for your scenario, please try to add following script into WebGrid page.

<script type="text/javascript">
    <!--
    window.onload = function() {
        var WebGrid1 = ISGetObject("WebGrid1");
        var rowElStatusBarObj = WebGrid1.GetElement(WG40.STATUSBAR, WG40.HTMLROW);
        var divElStatusBarObj = rowElStatusBarObj.parentNode.parentNode.parentNode;
        divElStatusBarObj.style.direction = "ltr";

        return true;
    }
    -->
</script>

This script access the ‘DIV’ element of WebGrid status bar and then set the ‘direction’ of ‘style’ property to “ltr”.

Please let Please let me know your response.