This is a migrated thread and some comments may be shown as answers.

After doing collapse/expand left pane , RadSlidingPane is not showing properly.

1 Answer 105 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

Somnath asked on 02 Nov 2011, 09:44 AM

RadSlidingPane-not-showing-properly.png

After doing collapse/expand left pane , RadSlidingPane is not showing properly in my code.
When I collapse the left radpane and again expands it, my bottom sliding radpane is not resizing.
Here is my code for bottom first radslidingpane and it's same for all other bottom sliding panes......

<telerik:RadSlidingPane ID="rspAttrConstraints" Title="<%$ Resources:tabAttrConstraints %>"

runat="server" Height="170" OnClientExpanded="RadSlidingHelp" OnClientDocked="RadSlidingHelp" ResizeText="<%$ Resources:ResizeText %>" DockText="<%$ Resources:DockText %>" UndockText="<%$ Resources:UndockText %>" CollapseText="<%$ Resources:CollapseText %>">

<table cellpadding="0" cellspacing="0" width="100%" height="100%" border="0">

<tr>

<td height="100%" valign="top" align="left">

<%-- <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <%--ClientSettings-ClientEvents-OnRowSelected="AttrRowSelected"

<ContentTemplate>--%>

<telerik:RadGrid ID="rgAttrConstraints" runat="server" AllowPaging="false" Width="100%"

Height="100%" GroupHeaderItemStyle-Height="0" ShowGroupPanel="false" AllowMultiRowSelection="true"

GridLines="Both" ShowFooter="false" AllowAutomaticUpdates="true" EnableViewState="true"

OnSelectedIndexChanged="rgAttrConstraints_SelectedIndexChanged" ShowStatusBar="True"

AutoGenerateColumns="False" OnItemDataBound="rgAttrConstraints_ItemDataBound"

OnItemCreated="rgAttrConstraints_ItemCreated" OnNeedDataSource="rgAttrConstraints_NeedDataSource"

OnInsertCommand="rgAttrConstraints_InsertCommand" OnUpdateCommand="rgAttrConstraints_UpdateCommand" BorderWidth="0">

<ClientSettings EnableRowHoverStyle="true" Resizing-AllowColumnResize="false" Resizing-EnableRealTimeResize="true" >

<Selecting AllowRowSelect="true"/>

<%--<ClientEvents OnRowClick="RowClick" OnRowDblClick="RowDblClick" OnCommand="GridCommand" OnGridCreated="GridCreated"/>--%>

<ClientEvents OnRowSelected="AttrRowSelected" OnMasterTableViewCreated="AttrOnLoad" ></ClientEvents

>    <%--  OnRowSelected="AttrRowSelected" --%>                                                                                                             </

ClientSettings>

<MasterTableView AutoGenerateColumns="false" CommandItemDisplay="Top" EditMode="InPlace"

InsertItemDisplay="Bottom" AllowAutomaticInserts="false" DataKeyNames="Id,IsAdvancedConstraint"

ClientDataKeyNames="Id,IsAdvancedConstraint,Expression,Name,ConstraintType">

<CommandItemTemplate>

<div style="padding: 3px 3px;">

<table>

<tr>

<td>

<asp:LinkButton ID="btnAddNew" runat="server" CommandName="InitInsert" Visible='<%# rgAttrConstraints.EditIndexes.Count == 0 && !rgAttrConstraints.MasterTableView.IsItemInserted %>'>

<img style="border:0px;vertical-align:middle;" alt="" src="../Images/NewEnable2.png"/>

<asp:Literal runat="server" Text="<%$ Resources:btnAddConstraint %>" ></asp:Literal>

</asp:LinkButton> </td>

<td> <asp:LinkButton ID="btnAddPredefined" runat="server" CommandName="AddPredefined"

OnClientClick="return addPredefinedAttrConstraint();" Visible='<%# rgAttrConstraints.EditIndexes.Count == 0 && !rgAttrConstraints.MasterTableView.IsItemInserted %>'> <%----%>

<img style="border: 0px; vertical-align: middle;" alt="" src="../Images/NewEnable2.png" />

<asp:Literal ID="ltrPredefined" runat="server" Text="<%$ Resources:ltrPredefined %>"></asp:Literal>

</asp:LinkButton> </td>

<td> <asp:LinkButton ID="btnInsert" runat="server" CommandName="PerformInsert" Visible='<%# rgAttrConstraints.EditIndexes.Count == 0 && rgAttrConstraints.MasterTableView.IsItemInserted %>'>

<img style="border: 0px; vertical-align: middle;" alt="" src="../Images/NewEnable2.png" />

<asp:Literal ID="Literal2" runat="server" Text="<%$ Resources:btnInsertConstraint %>"></asp:Literal>

</asp:LinkButton> </td>

<td> <asp:LinkButton ID="btnEditSelected" runat="server" CommandName="EditSelected" OnClientClick="return editSelectedAttrConstraint();"

Visible='<%# rgAttrConstraints.EditIndexes.Count == 0 && !rgAttrConstraints.MasterTableView.IsItemInserted%>'>

<img style="border: 0px; vertical-align: middle;" alt="" src="../Images/imgEditBtnEnable.png" />

<asp:Literal ID="Literal1" runat="server" Text="<%$ Resources:btnEditSelectedConstraint %>"></asp:Literal>

</asp:LinkButton> </td>

<td> <asp:LinkButton ID="btnUpdateEdited" runat="server" CommandName="UpdateEdited" Visible='<%# rgAttrConstraints.EditIndexes.Count > 0 %>'>

<img style="border: 0px; vertical-align: middle;" alt="" src="../Images/update.png" />

<asp:Literal ID="Literal3" runat="server" Text="<%$ Resources:btnUpdateEditedConstraint %>"></asp:Literal>

</asp:LinkButton> </td>

<td> <asp:LinkButton ID="btnCancel" runat="server" CommandName="CancelAll" Visible='<%# rgAttrConstraints.EditIndexes.Count > 0 || rgAttrConstraints.MasterTableView.IsItemInserted %>'>

<img style="border: 0px; vertical-align: middle;" alt="" src="../Images/imgDelBtnEnable.png" />

<asp:Literal ID="Literal4" runat="server" Text="<%$ Resources:btnCancel %>"></asp:Literal>

</asp:LinkButton> </td>

<td> <asp:LinkButton ID="btnDeleteConstraint" runat="server" CommandName="DeleteSelected"

Visible='<%# rgAttrConstraints.EditIndexes.Count == 0 && !rgAttrConstraints.MasterTableView.IsItemInserted %>'

OnClientClick="javascript:return ConfirmConstraintsDelete();">

<%--OnClientClick="ConfirmConstraintsDelete();"--%>

<img style="border: 0px; vertical-align: middle;" alt="" src="../Images/imgDelBtnEnable.png" />

<asp:Literal ID="Literal5" runat="server" Text="<%$ Resources:btnDeleteConstraint %>"></asp:Literal>

</asp:LinkButton> </td>

<td> <asp:LinkButton ID="btnAndOr" runat="server" CommandName="AndOr" OnClick="btnAndOrAttrConstraint_Click"

Visible='<%# rgAttrConstraints.EditIndexes.Count == 0 && !rgAttrConstraints.MasterTableView.IsItemInserted %>'>

<img style="border: 0px; vertical-align: middle;" alt="" src="../Images/and_or.png" />

</asp:LinkButton></td>

<td> <asp:LinkButton ID="btnUseNot" runat="server" CommandName="AddGroup" OnClick="btnUseNotAttrConstraint_Click"

Visible='<%# rgAttrConstraints.EditIndexes.Count == 0 && !rgAttrConstraints.MasterTableView.IsItemInserted %>'>

<img style="border: 0px; vertical-align: middle;" alt="" src="../Images/not.png" />

</asp:LinkButton> </td>

<td> <asp:LinkButton ID="btnAddGroup" runat="server" CommandName="AddGroup" OnClick="btnGroupConstraints_Click"

Visible='<%# rgAttrConstraints.EditIndexes.Count == 0 && !rgAttrConstraints.MasterTableView.IsItemInserted %>'>

<img style="border: 0px; vertical-align: middle;" alt="" src="../Images/AddGroupClause.gif" />

<asp:Literal ID="Literal6" runat="server" Text="<%$ Resources:btnAddGroup %>"></asp:Literal>

</asp:LinkButton> </td>

<td> <asp:LinkButton ID="btnRemoveGroup" runat="server" CommandName="removeGroup" OnClick="btnRemoveGroupConstraints_Click"

Visible='<%# rgAttrConstraints.EditIndexes.Count == 0 && !rgAttrConstraints.MasterTableView.IsItemInserted %>'>

<img style="border: 0px; vertical-align: middle;" alt="" src="../Images/UnGroupClause.gif" />

<asp:Literal ID="Literal7" runat="server" Text="<%$ Resources:btnRemoveGroup %>"></asp:Literal>

</asp:LinkButton> </td>

<td> <asp:LinkButton ID="btnMoveConstraintUp" runat="server" CommandName="MoveUp" OnClick="btnMoveConstraintUp_Click"

Visible='<%# rgAttrConstraints.EditIndexes.Count == 0 && !rgAttrConstraints.MasterTableView.IsItemInserted %>'>

<img style="border: 0px; vertical-align: middle;" alt="" src="../Images/Up.png" />

<asp:Literal ID="Literal8" runat="server" Text="<%$ Resources:btnMoveConstraintUp %>"></asp:Literal>

</asp:LinkButton> </td>

<td> <asp:LinkButton ID="btnMoveConstraintDown" runat="server" CommandName="MoveDown"

OnClick="btnMoveConstraintDown_Click" Visible='<%# rgAttrConstraints.EditIndexes.Count == 0 && !rgAttrConstraints.MasterTableView.IsItemInserted %>'>

<img style="border: 0px; vertical-align: middle;" alt="" src="../Images/Down.png" />

<asp:Literal ID="Literal9" runat="server" Text="<%$ Resources:btnMoveConstraintDown %>"></asp:Literal>

</asp:LinkButton> </td>

<td> <asp:LinkButton ID="btnAdvancedMode" runat="server" CommandName="UpdateEdited" OnClientClick="return AdvancedConstraintMode();"

Visible='<%# rgAttrConstraints.EditIndexes.Count > 0 || rgAttrConstraints.MasterTableView.IsItemInserted %>'>

<img style="border: 0px; vertical-align: middle;" alt="" src="../Images/advanced.png" />

<asp:Literal ID="Literal10" runat="server" Text="<%$ Resources:btnAdvancedMode %>"></asp:Literal>

</asp:LinkButton> </td>

</tr>

</table>

</div>

</CommandItemTemplate>

<Columns>

<telerik:GridTemplateColumn UniqueName="Constraint_Group" HeaderText="" HeaderStyle-Width="10px"

ItemStyle-Width="10px">

<ItemTemplate>

<asp:Label ID="lblGroup" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "GroupingDisplayText")%>'></asp:Label>

<asp:HiddenField ID="hdnParentId" runat="server" />

<asp:HiddenField ID="hdnConstraintId" runat="server" Value='<%#DataBinder.Eval(Container.DataItem, "Id")%>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Constraint_AndOr" HeaderText="" HeaderStyle-Width="45px"

ItemStyle-HorizontalAlign="Center">

<ItemTemplate>

<asp:Literal ID="ltrNodeOperator" runat="server"></asp:Literal>

</ItemTemplate>

<%--<EditItemTemplate>

<telerik:RadComboBox ID="ddlAndOr" runat="server" AutoPostBack="true" Width="100%">

<Items>

<telerik:RadComboBoxItem Text="And" Value="0"></telerik:RadComboBoxItem>

<telerik:RadComboBoxItem Text="Or" Value="1"></telerik:RadComboBoxItem>

</Items>

</telerik:RadComboBox>

</EditItemTemplate>--%>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Constraint_UseNot" HeaderText="" HeaderStyle-Width="40px"

ItemStyle-HorizontalAlign="Center">

<ItemTemplate>

<asp:Literal ID="ltrUseNot" runat="server"></asp:Literal>

</ItemTemplate>

<%--<EditItemTemplate>

<telerik:RadComboBox ID="ddlNot" runat="server" AutoPostBack="true" Width="100%">

<Items>

<telerik:RadComboBoxItem Text="" Value="0"></telerik:RadComboBoxItem>

<telerik:RadComboBoxItem Text="Not" Value="1"></telerik:RadComboBoxItem>

</Items>

</telerik:RadComboBox>

</EditItemTemplate>--%>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Constraint_Name" DataField="Name" HeaderText="<%$ Resources:Constraint_Name %>"

HeaderStyle-Width="90px">

<ItemTemplate>

<asp:Image ID="imgIcon" runat="server" ImageUrl="~/Images/CustomConstraint.bmp" />

<asp:Literal ID="ltrConstraintName" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "Name")%>'></asp:Literal>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadTextBox ID="txtConstraintName" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "Name")%>'

Width="100%">

</telerik:RadTextBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Constraint_Dimension" DataField="ConstraintLeftDimension"

HeaderText="<%$ Resources:Constraint_Dimension %>" HeaderStyle-Width="100px">

<ItemTemplate>

<asp:Literal ID="ltrDimensionName" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "ConstraintLeftDimension")%>'></asp:Literal>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadComboBox ID="ddlDimension" runat="server" AutoPostBack="true" Width="100%">

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Constraint_Field" HeaderText="<%$ Resources:Constraint_Field %>"

HeaderStyle-Width="100px">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem, "ConstraintLeftAttribute")%>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadComboBox ID="ddlField" runat="server" AutoPostBack="true" Width="100%">

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Constraint_Operator" HeaderText="<%$ Resources:Constraint_Operator %>"

HeaderStyle-Width="80px">

<ItemTemplate>

<asp:Literal ID="ltrOperator" runat="server"></asp:Literal>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadComboBox ID="ddlOperators" runat="server" AutoPostBack="true" Width="100%"

DropDownWidth="120px">

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Constraint_Value1" HeaderText="<%$ Resources:Constraint_Value1 %>"

HeaderStyle-Width="80px">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem, "ConstraintValue1")%>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadTextBox ID="txtValue1" runat="server" Enabled="true" Width="50%">

</telerik:RadTextBox>

<%--<asp:Label ID="lblValue1" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "ConstraintValue1")%>'></asp:Label>--%>

<asp:ImageButton ID="imgbPickValue1" runat="server" OnClick="btnPickDBValue1_Click"

ImageUrl="~/Images/valuepicker.png" ToolTip="Pick DB Value" />

<asp:ImageButton ID="imgParameters1" runat="server" OnClientClick="onPickParameter1()"

ImageUrl="~/Images/pickparameter_16x16.png" ToolTip="Pick Parameter" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Constraint_Value2" HeaderText="<%$ Resources:Constraint_Value2 %>"

HeaderStyle-Width="80px">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem, "ConstraintValue2")%>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadTextBox ID="txtValue2" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "ConstraintValue2")%>'

Enabled="true" Width="50%">

</telerik:RadTextBox>

<%--<asp:Label ID="lblValue2" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "ConstraintValue2")%>'></asp:Label>--%>

<asp:ImageButton ID="imgbPickValue2" runat="server" OnClick="btnPickDBValue2_Click"

ImageUrl="~/Images/valuepicker.png" ToolTip="Pick DB Value" />

<asp:ImageButton ID="imgParameters2" runat="server" OnClientClick="onPickParameter2()"

ImageUrl="~/Images/pickparameter_16x16.png" ToolTip="Pick Parameter" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<%--<telerik:GridEditCommandColumn UniqueName="Constraint_Edit" HeaderText="" HeaderStyle-Width="100px"

EditText="Edit" ButtonType="ImageButton" EditImageUrl="../Images/imgEditBtnEnable.png" UpdateImageUrl="../Images/Success.gif"

InsertImageUrl="../Images/Success.gif" CancelImageUrl="../Images/Error.gif"></telerik:GridEditCommandColumn>--%>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<%-- </ContentTemplate>

</asp:UpdatePanel>--%>

</td>

</tr>

</table>

</telerik:RadSlidingPane>

So please give me the solution for this. I've attached screen shot for more information.

1 Answer, 1 is accepted

Accepted

answered on 07 Nov 2011, 09:55 AM

Hi Ankit,

We are not aware of this problem and you are the first one to report it. Unfortunately, the provided code snippet is not runnable due to missing JavaScript event handlers. Also, the problem might be related to the rest of the splitter's declaration. Could you please, try to isolate the issue in a fully runnable sample project and send it in a formal support ticket so we can examine and debug it locally?

In addition, according to the screenshot it seems that the sliding pane is positioned incorrectly. This might be caused so some custom CSS that is overwriting the default splitters declarations. Could you please try to remove any custom CSS registered on the page and see if the problem still exists?

Regards,
Dobromir
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now