Dear Telerik,
I setup a rad grid, with a nested rad grid inside a rad ajax panel, like so:
<ContentTemplate>
<telerik:RadAjaxLoadingPanel ID="PartsRadAjaxLoadingPanel" runat="server"></telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxPanel ID="PartsRadAjaxPanel" runat="server" LoadingPanelID="PartsRadAjaxLoadingPanel">
<telerik:RadGrid ID="PartsRadGrid" runat="server" ShowHeader="False" OnItemDataBound="PartsRadGrid_ItemDataBound"
OnItemCommand="PartsRadGrid_ItemCommand" BorderStyle="None" OnPreRender="PartsRadGrid_PreRender" EnableHierarchyExpandAll="true" OnItemCreated="PartsRadGrid_ItemCreated">
<MasterTableView AutoGenerateColumns="False" DataKeyNames="id, part_statistic">
<AlternatingItemStyle BackColor="White" />
<NestedViewTemplate>
<telerik:RadGrid ID="PartsImagesRadGrid" runat="server" ShowHeader="false"
OnItemCommand="PartsImagesRadGrid_ItemCommand" OnItemDataBound="PartsImagesRadGrid_ItemDataBound"
OnItemCreated="PartsImagesRadGrid_ItemCreated">
<MasterTableView AutoGenerateColumns="False" DataKeyNames="id">
<AlternatingItemStyle BackColor="White" />
<ItemTemplate>
<div id="part_images">
<div class="grid_long">
<div class="grid_left-left"></div>
<div class="colspan_left-right-right">
....
when the form initially loads everything displays OK like pic one, when one of the controls inside the rad ajax panels causes a post back and the rad grid is rebound on the code behind then rad grid moves left like pic two. The div tags are for grids like so:
.grid{
width: 100%;
display: -ms-grid;
-ms-grid-columns: 140px 160px 140px 160px 140px 160px;
-ms-grid-rows: 30px;
padding-top: 5px;
padding-bottom: 5px;
}
.grid_left-left{
-ms-grid-column: 1;
-ms-grid-row: 1;
white-space:nowrap;
}
Any ideas on what could be causing this behavior and how to prevent it from happening?
Thanks,
Germán
I setup a rad grid, with a nested rad grid inside a rad ajax panel, like so:
<ContentTemplate>
<telerik:RadAjaxLoadingPanel ID="PartsRadAjaxLoadingPanel" runat="server"></telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxPanel ID="PartsRadAjaxPanel" runat="server" LoadingPanelID="PartsRadAjaxLoadingPanel">
<telerik:RadGrid ID="PartsRadGrid" runat="server" ShowHeader="False" OnItemDataBound="PartsRadGrid_ItemDataBound"
OnItemCommand="PartsRadGrid_ItemCommand" BorderStyle="None" OnPreRender="PartsRadGrid_PreRender" EnableHierarchyExpandAll="true" OnItemCreated="PartsRadGrid_ItemCreated">
<MasterTableView AutoGenerateColumns="False" DataKeyNames="id, part_statistic">
<AlternatingItemStyle BackColor="White" />
<NestedViewTemplate>
<telerik:RadGrid ID="PartsImagesRadGrid" runat="server" ShowHeader="false"
OnItemCommand="PartsImagesRadGrid_ItemCommand" OnItemDataBound="PartsImagesRadGrid_ItemDataBound"
OnItemCreated="PartsImagesRadGrid_ItemCreated">
<MasterTableView AutoGenerateColumns="False" DataKeyNames="id">
<AlternatingItemStyle BackColor="White" />
<ItemTemplate>
<div id="part_images">
<div class="grid_long">
<div class="grid_left-left"></div>
<div class="colspan_left-right-right">
....
when the form initially loads everything displays OK like pic one, when one of the controls inside the rad ajax panels causes a post back and the rad grid is rebound on the code behind then rad grid moves left like pic two. The div tags are for grids like so:
.grid{
width: 100%;
display: -ms-grid;
-ms-grid-columns: 140px 160px 140px 160px 140px 160px;
-ms-grid-rows: 30px;
padding-top: 5px;
padding-bottom: 5px;
}
.grid_left-left{
-ms-grid-column: 1;
-ms-grid-row: 1;
white-space:nowrap;
}
Any ideas on what could be causing this behavior and how to prevent it from happening?
Thanks,
Germán