I have an aspx page with a Splitter control.I have Sliding panels on the left and right hand side. The right hand side one is either hidden or shown dependant on a value in a hidden field. This works fine. I also want to hide/show some of the tabs also dependant on the value in a hidden field. My code is...
if (parseInt($('#hd_AC').val()) <= 10) { $('#Radsplitbar2').hide(); $('#EndPane').hide(); alert("Read-Only"); } else if (parseInt($('#hd_AC').val()) == 20) { $('#RadSlidingPane_IP').showTab(); $('#RadSlidingPane_BL').hideTab(); $('#RadSlidingPane_Disc').hideTab(); $('#RadSlidingPane_BU').hideTab(); $('#RadSlidingPane_UIS').hideTab(); $('#RadSlidingPane_CRA').hideTab(); alert("Read-Only with Internal Personnel"); } else if (parseInt($('#hd_AC').val()) >= 60) { $('#RadSlidingPane_IP').showTab(); $('#RadSlidingPane_BL').showTab(); $('#RadSlidingPane_Disc').showTab(); $('#RadSlidingPane_BU').showTab(); $('#RadSlidingPane_UIS').showTab(); $('#RadSlidingPane_CRA').showTab(); alert("HR - Admin View"); } else { $('#Radsplitbar2').hide(); $('#EndPane').hide(); alert("Access not recognised"); }Code contains RadWindow with RadSplitter, inside which are two RadPanes. Second pane contains RadTextBox. I'am trying to remove scrollbars from window and i tried solutions like Scrolling="None", fixed positioning, but nothing seems to work.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DefaultCS2.aspx.cs" Inherits="RadControlsWebApp1.DefaultCS2" %> <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns='http://www.w3.org/1999/xhtml'><head><title>Modal Popup</title></head><body><form id="form1" runat="server"> <telerik:RadScriptManager runat="server" ID="RadScriptManager1" /> <telerik:RadSkinManager ID="QsfSkinManager" runat="server" Skin="Office2007" /> <telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All" EnableRoundedCorners="false" /> <telerik:RadAjaxPanel runat="server" ID="rapConfiguration" LoadingPanelID="ralpConfiguration" HorizontalAlign="NotSet"> <telerik:RadWindow ID="modalPopup" VisibleStatusbar="false" runat="server" AutoSize="true" OnClientResize="ResizeRadSplitter" OnClientCommand="ResizeRadSplitter"> <ContentTemplate> <telerik:RadSplitter ID="MainSplitter" runat="server" Height="100%" Width="100%" Orientation="Horizontal"> <telerik:RadPane ID="Radpane4" runat="server" Width="100%"> Splitter Top Pane </telerik:RadPane> <telerik:RadSplitBar ID="Radsplitbar4" runat="server" CollapseMode="Forward"> </telerik:RadSplitBar> <telerik:RadPane ID="Radpane5" runat="server" Height="100%" Scrolling="None" Width="100%"> <telerik:RadTextBox ID="chatBox" runat="server" TextMode="MultiLine" Resize="None" Rows="10" Width="100%" EmptyMessage="type here" AutoPostBack="true" BorderStyle="None" Style="border: none; margin: 0 auto; outline: none"> </telerik:RadTextBox> </telerik:RadPane> </telerik:RadSplitter><br /> </ContentTemplate> </telerik:RadWindow> </telerik:RadAjaxPanel> <telerik:RadCodeBlock runat="server" ID="rdbScripts"> <script type="text/javascript"> function ResizeRadSplitter(sender, args) { var splitter = $find("<%=MainSplitter.ClientID %>"); var container = $telerik.$(sender.get_contentElement()); splitter.resize(container.width(), container.height()); } function showDialogInitially() { var wnd = $find("<%=modalPopup.ClientID %>"); wnd.show(); Sys.Application.remove_load(showDialogInitially); } Sys.Application.add_load(showDialogInitially); </script> </telerik:RadCodeBlock></form><asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
<telerik:RadSkinManager ID="RadSkinManager1" Skin="Black" ShowChooser="false" runat="server">
</telerik:RadSkinManager>
<telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All"
EnableRoundedCorners="false" />
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="mainTab">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="mainTab" LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="RadGrid1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
</telerik:RadAjaxLoadingPanel>
<telerik:RadTabStrip runat="server" ID="mainTab" OnTabClick="OnMainTabClick" MultiPageID="mainTabMultipages"
SelectedIndex="0">
<Tabs>
<telerik:RadTab runat="server" Text="Unit Test" PageViewID="pvUnitTest">
</telerik:RadTab>
</Tabs>
<Tabs>
<telerik:RadTab runat="server" Text="Static analysis" PageViewID="pvStaticAnalysis">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage runat="server" ID="mainTabMultipages" SelectedIndex="0" RenderSelectedPageOnly="false">
<telerik:RadPageView runat="server" ID="pvUnitTest">
<telerik:RadGrid AllowSorting="True" runat="server" ID="grdUnitTest" AutoGenerateColumns="true"
ShowFooter="true" EnableLinqExpressions="false">
</telerik:RadGrid>
</telerik:RadPageView>
<telerik:RadPageView runat="server" ID="pvStaticAnalysis">
<telerik:RadGrid AutoGenerateColumns="false" ID="RadGrid1" EnableTheming="true" runat="server"
AllowSorting="True" PageSize="50" AllowMultiRowSelection="False" OnItemCommand="RadGrid1_ItemCommand"
AllowPaging="True" GridLines="None" ShowGroupPanel="true">
<PagerStyle Mode="NumericPages"></PagerStyle>
<MasterTableView AllowMultiColumnSorting="True" GroupLoadMode="Server">
<NestedViewTemplate>
<asp:Panel runat="server" ID="InnerContainer" CssClass="viewWrap">
<telerik:RadTabStrip runat="server" ID="TabStip1" MultiPageID="Multipage1" SelectedIndex="0">
<Tabs>
<telerik:RadTab runat="server" Text="Details" PageViewID="PageView1">
</telerik:RadTab>
</Tabs>
<Tabs>
<telerik:RadTab runat="server" Text="Graph" PageViewID="PageView2">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage runat="server" ID="Multipage1" SelectedIndex="0" RenderSelectedPageOnly="false">
<telerik:RadPageView runat="server" ID="PageView1">
<telerik:RadGrid AllowSorting="True" runat="server" ID="grdReportDataGrid" AutoGenerateColumns="true"
ShowFooter="true" EnableLinqExpressions="false">
</telerik:RadGrid>
</telerik:RadPageView>
<telerik:RadPageView runat="server" ID="PageView2">
<telerik:RadChart ID="RadChart2" Skin="DeepGray" runat="server" Height="400px" Width="1200px"
AutoLayout="true" AutoTextWrap="true">
</telerik:RadChart>
</telerik:RadPageView>
</telerik:RadMultiPage>
</asp:Panel>
</NestedViewTemplate>
<Columns>
<telerik:GridBoundColumn SortExpression="Name" HeaderText="Name" HeaderButtonType="TextButton"
DataField="Name" UniqueName="Name">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="CriticalErrors" HeaderText="Critical Errors"
HeaderButtonType="TextButton" DataField="CriticalErrors" UniqueName="CriticalErrors">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="Errors" HeaderText="Errors" HeaderButtonType="TextButton"
DataField="Errors" UniqueName="Errors">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="CriticalWarning" HeaderText="Critical warnings"
HeaderButtonType="TextButton" DataField="CriticalWarning" UniqueName="CriticalWarning">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="Warnings" HeaderText="Warnings" HeaderButtonType="TextButton"
DataField="Warning" UniqueName="Warning">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="TotalCount" HeaderText="Total Count" HeaderButtonType="TextButton"
DataField="TotalCount" UniqueName="TotalCount">
</telerik:GridBoundColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>
</telerik:RadPageView>
</telerik:RadMultiPage>
<asp:Label Visible="false" ID="lblMessage" runat="server"></asp:Label>
</asp:Content>
I have enabled paging in the "grdReportDataGrid" grid. Which is inside "RadGrid1" grid. When i navigating between "grdReportDataGrid" pages, "RadGrid1" is collapsing.
Expected output: "RadGrid1" should not collapse and user should see the request page in “grdReportDataGrid”
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"> </telerik:RadScriptManager> <telerik:RadSkinManager ID="RadSkinManager1" Skin="Black" ShowChooser="false" runat="server"> </telerik:RadSkinManager> <telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All" EnableRoundedCorners="false" /> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="mainTab"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="mainTab" LoadingPanelID="RadAjaxLoadingPanel1" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="RadGrid1"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="mainTab"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="mainTabMultipages" LoadingPanelID="RadAjaxLoadingPanel1" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"> </telerik:RadAjaxLoadingPanel> <telerik:RadTabStrip runat="server" ID="mainTab" MultiPageID="mainTabMultipages" SelectedIndex="0" OnTabClick="mainTab_TabClick"> <Tabs> <telerik:RadTab runat="server" Text="Unit Test" PageViewID="pvUnitTest"> </telerik:RadTab> </Tabs> <Tabs> <telerik:RadTab runat="server" Text="Static analysis" PageViewID="pvStaticAnalysis"> </telerik:RadTab> </Tabs> </telerik:RadTabStrip> <telerik:RadMultiPage runat="server" ID="mainTabMultipages" SelectedIndex="0" RenderSelectedPageOnly="false"> <telerik:RadPageView runat="server" ID="pvUnitTest"> <telerik:RadGrid AllowSorting="True" runat="server" ID="grdUnitTest" AutoGenerateColumns="true" ShowFooter="true" EnableLinqExpressions="false"> </telerik:RadGrid> </telerik:RadPageView> <telerik:RadPageView runat="server" ID="pvStaticAnalysis"> <telerik:RadGrid AutoGenerateColumns="false" ID="RadGrid1" runat="server" AllowSorting="True" PageSize="50" AllowMultiRowSelection="False" OnItemCommand="RadGrid1_ItemCommand" AllowPaging="True" GridLines="None" ShowGroupPanel="true"> <PagerStyle Mode="NumericPages"></PagerStyle> <MasterTableView AllowMultiColumnSorting="True" GroupLoadMode="Server"> <NestedViewTemplate> <asp:Panel runat="server" ID="InnerContainer" CssClass="viewWrap"> <telerik:RadTabStrip runat="server" ID="TabStip1" MultiPageID="Multipage1" SelectedIndex="0"> <Tabs> <telerik:RadTab runat="server" Text="Details" PageViewID="PageView1"> </telerik:RadTab> </Tabs> <Tabs> <telerik:RadTab runat="server" Text="Graph" PageViewID="PageView2"> </telerik:RadTab> </Tabs> </telerik:RadTabStrip> <telerik:RadMultiPage runat="server" ID="Multipage1" SelectedIndex="0" RenderSelectedPageOnly="false"> <telerik:RadPageView runat="server" ID="PageView1"> <telerik:RadGrid AllowSorting="True" runat="server" ID="grdReportDataGrid" AutoGenerateColumns="true" ShowFooter="true" EnableLinqExpressions="false"> </telerik:RadGrid> </telerik:RadPageView> <telerik:RadPageView runat="server" ID="PageView2"> <telerik:RadChart ID="RadChart2" Skin="DeepGray" runat="server" Height="400px" Width="1200px" AutoLayout="true" AutoTextWrap="true"> </telerik:RadChart> </telerik:RadPageView> </telerik:RadMultiPage> </asp:Panel> </NestedViewTemplate> <Columns> <telerik:GridBoundColumn SortExpression="Name" HeaderText="Name" HeaderButtonType="TextButton" DataField="Name" UniqueName="Name"> </telerik:GridBoundColumn> </Columns> </MasterTableView> </telerik:RadGrid> </telerik:RadPageView> </telerik:RadMultiPage>protected void RadGrid1_ItemCommand(object sender, GridCommandEventArgs e){ if (e.CommandName == RadGrid.ExpandCollapseCommandName) { GridDataItem item = e.Item as GridDataItem; RadGrid grdReportDataGrid = (item.ChildItem as GridNestedViewItem).FindControl("grdReportDataGrid") as RadGrid; dynamic data = new[] { new { ID = 1, Name ="Naaaame1"}, new { ID = 2, Name = "Naaaame2"}, new { ID = 3, Name = "Naaaame3"}, new { ID = 4, Name = "Naaaame4"}, new { ID = 5, Name = "Namaaae5"}, new { ID = 26, Name = "Naaaame26"} }; grdReportDataGrid.DataSource = data; grdReportDataGrid.DataBind(); }} protected void mainTab_TabClick(object sender, RadTabStripEventArgs e) { if (e.Tab.SelectedIndex == 1) { dynamic data = new[] { new { ID = 1, Name ="Name1"}, new { ID = 2, Name = "Name2"}, new { ID = 3, Name = "Name3"}, new { ID = 4, Name = "Name4"}, new { ID = 5, Name = "Name5"}, new { ID = 26, Name = "Name26"} }; RadGrid1.DataSource = data; RadGrid1.DataBind(); } }
<telerik:RadButton runat="server" ID="btnTest" Text="test" AutoPostBack="false" OnClientClicked="click"> </telerik:RadButton> <div id="divTest"></div><System.Web.Services.WebMethod()> _Public Shared Function AddDatePicker() As String Dim sw As New StringWriter() Dim writer As New HtmlTextWriter(sw) Dim rdp As New RadDatePicker() rdp.RenderControl(writer) Return sw.ToString()End Function<script type="text/javascript"> function click(sender, args) { PageMethods.Test( function(response) { $("#divTest").html(response); }, function(error) { alert(error); }); }</script>