RadGrid : Google chrome issue

[Chirantha]

Hi,

When i use the RadGrid Client setting as below (only when i specify the UseStaticHeaders="true"), Rad grid will not render properly in some internet browsers. Any Idea why?

<ClientSettings EnablePostBackOnRowClick="true">
<Selecting AllowRowSelect="True" />
        <Scrolling AllowScroll="True" ScrollHeight="130px"  UseStaticHeaders="true"/>
</ClientSettings>

P.S: As soon after i remove that property (UseStaticHeaders="true")

Regards,
C

[Milena]

Hello,

You can try to leave one of the columns without width and see if the problem still exists.

Regards,
Milena
Telerik

[Chirantha]

Hi,

I have not specified the Width property to any of the columns.

Even with the defined width its still behave the same. Could you please advice.

Thanks. 

Regards,
Chirantha

[Milena]

Hello,

We are not able to replicate the issue on the base of the provided information. Could you please send us a sample code, which we will use to reproduce the issue on our side and will locate the reason of it.

Regards,
Milena
Telerik

[Chirantha]

Hi,

Sorry about the delay. Please see below code snippet . When i use the UseStaticHeaders="true" inside the <clientSettings> block as below, RadGrid will not render properly in the Google Chrome browser. Like i explained in my previous mail as soon after i removed that property it works fine.

Hope this explains.

P.S. I have attached 2 screen shot of the RadGrid captured from Chrome browser, 1st image is when the above property is set to TRUE and the other is when its FALSE.

Regards,
Chirantha  


<telerik:RadGrid ID="grvPP" runat="server" AutoGenerateColumns="False" CellSpacing="0"
    GridLines="None" Skin="Metro" OnItemCommand="grvPP_ItemCommand">
    <ClientSettings>
        <Selecting AllowRowSelect="true" EnableDragToSelectRows="false" />
        <Scrolling AllowScroll="True" ScrollHeight="350px" UseStaticHeaders="true" />
    </ClientSettings>
    <MasterTableView>
        <CommandItemSettings ExportToPdfText="Export to PDF" />
        <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column" Visible="True">
            <HeaderStyle Width="20px" />
        </RowIndicatorColumn>
        <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column" Visible="True">
            <HeaderStyle Width="20px" />
        </ExpandCollapseColumn>
        <Columns>
            <telerik:GridBoundColumn DataField="SEQ" FilterControlAltText="Filter cSeq column"
                HeaderText="Seq" UniqueName="cSeq">
                <HeaderStyle Font-Bold="true" Width="80px" />
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="NAME" FilterControlAltText="Filter cName column"
                HeaderText="Process Name" UniqueName="cName">
                <HeaderStyle Font-Bold="true" />
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="ZONE_CAT_NAME" FilterControlAltText="Filter column column"
                HeaderText="Zone Category" UniqueName="cZoneCat">
                <HeaderStyle Font-Bold="true" />
            </telerik:GridBoundColumn>
            <telerik:GridButtonColumn ButtonType="ImageButton" FilterControlAltText="Filter column1 column"
                ImageUrl="~/Images/edit.png" UniqueName="cEdit" HeaderTooltip="Edit" CommandName="myedit">
                <ItemStyle HorizontalAlign="Center" Width="40px" />
                <HeaderStyle HorizontalAlign="Center" Width="40px" />
            </telerik:GridButtonColumn>
            <telerik:GridButtonColumn ButtonType="ImageButton" FilterControlAltText="Filter cDel column"
                ImageUrl="~/Images/delete-16.png" UniqueName="cDel" HeaderTooltip="Delete" CommandName="del"
                ConfirmDialogHeight="100px" ConfirmDialogType="RadWindow" ConfirmDialogWidth="350px"
                ConfirmText="Are you sure you want to delete the Production Process?" ConfirmTitle="EUCLID">
                <ItemStyle HorizontalAlign="Center" Width="40px" />
                <HeaderStyle HorizontalAlign="Center" Width="40px" />
            </telerik:GridButtonColumn>
            <telerik:GridBoundColumn DataField="ID" FilterControlAltText="Filter cID column"
                HeaderText="Id" UniqueName="cID" Visible="False">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="CODE" FilterControlAltText="Filter cCode column"
                HeaderText="ZoneCode" UniqueName="cCode" Visible="False">
            </telerik:GridBoundColumn>
        </Columns>
        <EditFormSettings>
            <EditColumn FilterControlAltText="Filter EditCommandColumn column">
            </EditColumn>
        </EditFormSettings>
    </MasterTableView>
    <FilterMenu EnableImageSprites="False">
    </FilterMenu>
</telerik:RadGrid>

[Chirantha]

Hi,

Not to worry, I managed to fix this. Actually it was causing below code block i had in my code file, which we used to display ASP.NET menus on chrome. 

I am not using ASP.NET menu control anymore so i could remove this code block now. 

Thanks anyway. :-)

Regards,
Chirantha

protected void Page_PreInit(object sender, EventArgs e)
   {
       // This is necessary because Safari and Chrome browsers don't display the Menu control correctly.
       // All webpages displaying an ASP.NET menu control must inherit this class.
       if (Request.ServerVariables["http_user_agent"].IndexOf("Safari", StringComparison.CurrentCultureIgnoreCase) != -1)
           Page.ClientTarget = "uplevel";
   }