Hi,
We have a webhierachicaldatagrid within a webtab. Whenever a postback occured, the grid streched longer and had some rendering issues.
We were able to fix this by setting EnableAjax as false. However, now when we migrate from one tab to the other, the grid is again stretching to almost 10 times it's original width. Kindly help us fix this issue.
Thanks & Regards,
Udhaya
Hello Udhaya,
Thank you for posting in our forum.
Could you let me know which version of our controls you’re using and also which of its service release versions?
Also does this issue occur in a specific browser and if so which one and what is its version?
Could you also provide the mark-up for the grid and the webtab so that I can get a better idea of the layout and the settings you have for both controls?
Thank you for your cooperation. I’m looking forward to your reply.
Best Regards,
Maya Kirova
Developer Support Engineer
Infragistics, Inc.
http://es.infragistics.com/support
Hi Maya,
We are using Infragistics 12.1. But we had this issue while using 11.2 as well.
This issue is irrespective of the browser. Let me know if you need some sample code or something.
<ig:webtab runat="server" id="wt" width="100%" selectedindex="0" taborientation="Horizontal" tablocation="TopLeft" enableoverlappingtabs="false" enableactivation="true" tabmoving-enabled="true" contentpane-autosize="false">
<Tabs>
<ig:ContentTabItem runat="server" Text="Project" TabCssClasses-ImageCssClass="ClientTabs">
<Template>
<asp:UpdatePanel ID="upGrid" runat="server" UpdateMode="Conditional" EnableViewState="true">
<ContentTemplate>
<asp:Panel runat="server" ID="pnlBA">
<div onpaste="browserPaste(event)">
<ig:WebDataGrid ID="WdgBA" runat="server" Width="100%" AutoGenerateColumns="False" DataKeyFields="ProjectId" DataSourceID="Sds" EnableAjax="false">
<clientEvents KeyUp="keyUp" />
</ig:WebDataGrid>
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
</Template>
</ig:ContentTabItem>
</Tabs>
<tabMoving enabled="True"/>
</ig:webtab>
This is what we have done. All these are inside an update panel, including the webtab.
The grid appears on a button click. when the button is clicked, the grid is stretched very long like one column's width is around 1000px. Then on a postback or refresh, it comes back to normal size.
We are in a position to fix this as soon as possible. Thanks in advance.
Regards,
Hello Udhaya ,
How exactly are showing and hiding the grid?
Are you showing and hiding the Panel control or the grid control by setting the Visible property are hiding/showing the element on the client side?
I’m attaching a sample for your reference. Let me know if I’m missing anything.
Please do not hesitate to contact us if you need additional assistance with this matter.
Also, on the WebTab control if we mentioned the width in % then the issue comes. If the Width is mentioned in PX then this issue is not coming.
<ig:webtab runat="server" Width ="1024px"> -> Working fine
<ig:webtab runat="server" Width ="100%"> -> Not working. WebTab width gets increased automatically on alternate refresh.
But, we need to give as % only as it has to take the resolution from the system. not the fixed one (PX). Please check and provide the fix.
We are experiencing the same issue on another page as well. When the user navigates to the page that has a web tab and webhierarchicaldatagrid it looks fine and then after about 7-10 seconds the page expands very far to the right. This doesn't happen for all users, currently just the one. Is there any known setting in IE9 that can cause this problem for an individual user?