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

Help Please

1 Answer 47 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Kevin
Top achievements
Rank 1
Kevin asked on 11 Aug 2009, 09:18 AM
Hi i have an issue with the Splitters on this page what i want is to have on the page is the splitter to work and that my grid also shows properly at the moment the page and panes dont seem to do this with the splitter

here is the code

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Property.aspx.cs" Inherits="WebSchedule.Property1" %> 
 
<%@ Register Assembly="GMaps" Namespace="Subgurim.Controles" TagPrefix="cc1" %> 
 
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server">  
    <link href="css/WebScheduleTheme.css" rel="stylesheet" type="text/css" /> 
    <title>Property Information</title> 
    </head> 
<body> 
    <form id="form1" runat="server">  
    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">  
    </telerik:RadStyleSheetManager> 
 
    <div> 
      
        <telerik:RadSplitter ID="RadSplitter1" Runat="server" FullScreenMode="true" LiveResize="True" Orientation="Horizontal" Skin="WebBlue">  
            <telerik:RadPane ID="TopPane" Runat="server" Scrolling="None">  
            <telerik:RadSplitter ID="RadSplitter2" Runat="server" FullScreenMode="True">  
                <telerik:RadPane ID="TopLeftPane" Runat="server" Scrolling="None" MinHeight="350" MinWidth="350" > 
            <table> 
                <tr> 
                    <td> 
                        <asp:Label ID="label6" runat="server" Text="Int Ref:" /> 
                    </td> 
                    <td> 
                        <asp:Label ID="lblPropRef" runat="server" Text="" /> 
                    </td> 
                    <td> 
                        <asp:Label ID="Label1" runat="server" Text="Customer Name:" /> 
                    </td> 
                    <td> 
                        <asp:Label ID="lblCustomerName" Runat="server" Width="150px" /> 
                    </td> 
                </tr> 
                <tr> 
                    <td> 
                        <asp:Label ID="Label2" runat="server" Text="Address:" /> 
                    </td> 
                    <td> 
                        <asp:Label ID="lblFullAddress" Runat="server" Width="150px" /> 
                    </td> 
                    <td> 
                        <asp:Label ID="label4" runat="server" Text="Postcode:" /> 
                    </td> 
                    <td> 
                        <asp:Label ID="lblPostcode" runat="server" Width="60px" /> 
                    </td> 
                </tr> 
                <tr> 
                    <td> 
                        <asp:Label ID="label3" runat="server" Text="Tel:" /> 
                    </td> 
                    <td> 
                        <asp:Label ID="lblTelNumber" runat="server" Width="75px" /> 
                    </td> 
                    <td> 
                        <asp:Label ID="label7" runat="server" Text="Mobile:" /> 
                    </td> 
                    <td> 
                        <asp:Label ID="lblMobContact" runat="server" Text="" /> 
                    </td> 
                </tr> 
                <tr> 
                    <td> 
                        <asp:Label ID="label9" runat="server" Text="Contract:" /> 
                    </td> 
                    <td> 
                        <asp:Label ID="lblContract" runat="server" Text="" /> 
                    </td> 
                    <td> 
                        <asp:Label ID="label11" runat="server" Text="Prop Clas:" /> 
                    </td> 
                    <td> 
                        <asp:Label ID="lblPropClass" runat="server" Text="" /> 
                    </td> 
                </tr> 
                <tr> 
                    <td> 
                        <asp:Label ID="label13" runat="server" Text="Last Service Date:"  /> 
                    </td> 
                    <td> 
                        <asp:Label ID="lblLastService" runat="server" Text="" /> 
                    </td> 
                    <td> 
                        <asp:Label ID="label15" runat="server" Text="Status" /> 
                    </td> 
                    <td> 
                        <asp:Label ID="lblStatus" runat="server" Text="" /> 
                    </td> 
                </tr> 
                <tr> 
                    <td> 
                        <asp:Label ID="label8" runat="server" Text="Heat Type:" /> 
                    </td> 
                    <td> 
                        <asp:Label ID="lblHeatType" runat="server" Text="" /> 
                    </td> 
                    <td> 
                        <asp:Label ID="label12" runat="server" Text="Apps:" /> 
                    </td> 
                    <td> 
                        <asp:Label ID="lblApps" runat="server" Text="" /> 
                    </td> 
                </tr> 
                <tr> 
                    <td> 
                        <asp:Label ID="label10" runat="server" Text="Assets:" /> 
                    </td> 
                    <td> 
                        <asp:Label ID="lblAssets" runat="server" Text="" /> 
                    </td> 
                    <td> 
                    </td> 
                    <td> 
                    </td> 
                </tr> 
                <tr> 
                    <td> 
                        <asp:Label ID="label18" runat="server" Text="Problem:" /> 
                    </td> 
                    <td> 
                        <asp:Label ID="lblProblemProperty" runat="server" Text="" /> 
                    </td> 
                    <td> 
                        <asp:Label ID="label20" runat="server" Text="Void:" /> 
                    </td> 
                    <td> 
                        <asp:Label ID="lblvoidProperty" runat="server" Text="" /> 
                    </td> 
                </tr> 
                </table> 
                </telerik:RadPane> 
                <telerik:RadPane ID="TopRightPane" Runat="server" Scrolling="None" Width="350" Height="300">  
                    <telerik:RadTabStrip ID="RadTabStrip2" runat="server" Skin="WebBlue"   
                            SelectedIndex="1" MultiPageID="RadMultiPage3">  
                        <Tabs> 
                            <telerik:RadTab runat="server" Text="Map">  
                            </telerik:RadTab> 
                        </Tabs> 
                    </telerik:RadTabStrip> 
                <telerik:RadMultiPage ID="RadMultiPage3" Runat="server" SelectedIndex="1">  
            <telerik:RadPageView ID="RadPageView1" runat="server" TabIndex="1">  
                    <cc1:GMap ID="gMap1" runat="server"  Width="350px" Height="250px" /> 
            </telerik:RadPageView> 
            <telerik:RadPageView ID="RadPageView10" runat="server" TabIndex="2">  
            </telerik:RadPageView> 
            </telerik:RadMultiPage> 
            </telerik:RadPane> 
            </telerik:RadSplitter> 
            </telerik:RadPane> 
            <telerik:RadPane ID="BottomPane" Runat="server" Scrolling="None">  
                <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" SelectedIndex="0"   
                Skin="WebBlue">  
                <Tabs> 
                <telerik:RadTab runat="server" PageViewID="RadPageView4" Text="Repairs History" Selected="true">  
                </telerik:RadTab> 
                <telerik:RadTab runat="server" PageViewID="RadPageView5" Text="Service History">  
                </telerik:RadTab> 
                </Tabs> 
                </telerik:RadTabStrip> 
                <telerik:RadMultiPage ID="RadMultiPage1" Runat="server">  
                    <telerik:RadPageView ID="RadPageView4" runat="server" Selected="true" Height="100%" Width="100%">  
                        <input type="hidden" id="radGridClickedRowIndex" name="radGridClickedRowIndex" /> 
                        <input type="hidden" id="radGridClickedRowValue" name="radGridClickedRowValue" /> 
                        <telerik:RadGrid ID="RadgrdRepair" runat="server" Skin="WebBlue"   
                            GridLines="None" OnDetailTableDataBind="RadgrdRepair_DetailTableDataBind"   
                            AutoGenerateColumns="False" > 
                            <MasterTableView CellSpacing="-1" clientDataKeyNames="ORDERID, PROPREF" DataKeyNames="ORDERID, PROPREF">  
                                <DetailTables> 
                                    <telerik:GridTableView DataKeyNames="ORDERID" Name="Orders" Width="100%">  
                                        <ParentTableRelation> 
                                            <telerik:GridRelationFields DetailKeyField="ORDERID" MasterKeyField="ORDERID" /> 
                                        </ParentTableRelation> 
                                        <Columns> 
                                            <telerik:GridBoundColumn DataField="VISITID" HeaderText="VISITID" SortExpression="VISITID" UniqueName="VISITID">  
                                            </telerik:GridBoundColumn> 
                                            <telerik:GridBoundColumn DataField="PROPREF" HeaderText="PROPREF" SortExpression="PROPREF" UniqueName="PROPREF">  
                                            </telerik:GridBoundColumn> 
                                            <telerik:GridBoundColumn DataField="ORDERID" HeaderText="ORDERID" SortExpression="ORDERID" UniqueName="ORDERID">  
                                            </telerik:GridBoundColumn> 
                                            <telerik:GridBoundColumn DataField="FAULT" HeaderText="FAULT" SortExpression="FAULT" UniqueName="FAULT">  
                                            </telerik:GridBoundColumn> 
                                            <telerik:GridBoundColumn DataField="Status" HeaderText="Status" SortExpression="Status" UniqueName="Status">  
                                            </telerik:GridBoundColumn> 
                                            <telerik:GridBoundColumn DataField="WORKDONE" HeaderText="WORKDONE" SortExpression="WORKDONE" UniqueName="WORKDONE">  
                                            </telerik:GridBoundColumn> 
                                        </Columns> 
                                    </telerik:GridTableView> 
                                </DetailTables> 
                                <Columns> 
                                    <telerik:GridBoundColumn DataField="ORDERID" HeaderText="ORDERID" SortExpression="ORDERID" UniqueName="ORDERID">  
                                        <HeaderStyle Width="40px" /> 
                                        <ItemStyle Width="40px" Wrap="False" /> 
                                    </telerik:GridBoundColumn> 
                                    <telerik:GridBoundColumn DataField="PROPREF" HeaderText="PROPREF" SortExpression="PROPREF" UniqueName="PROPREF">  
                                        <HeaderStyle Width="40px" /> 
                                        <ItemStyle Width="40px" Wrap="False" /> 
                                    </telerik:GridBoundColumn> 
                                    <telerik:GridBoundColumn DataField="FAULTREPORTED" HeaderText="FAULTREPORTED" SortExpression="FAULTREPORTED"   
                                        UniqueName="FAULTREPORTED" ItemStyle-Width="300px" HeaderStyle-Width="350px" ItemStyle-Wrap="false">  
                                        <HeaderStyle Width="350px" /> 
                                        <ItemStyle Width="300px" Wrap="False" /> 
                                    </telerik:GridBoundColumn> 
                                    <telerik:GridBoundColumn DataField="RAISEDDATE" DataType="System.DateTime" HeaderText="RAISEDDATE"   
                                    SortExpression="RAISEDDATE" UniqueName="RAISEDDATE">  
                                        <HeaderStyle Width="60px" /> 
                                        <ItemStyle Width="60px" Wrap="False" /> 
                                    </telerik:GridBoundColumn> 
                                    <telerik:GridBoundColumn DataField="STATUS" HeaderText="STATUS" 
                                    SortExpression="STATUS" UniqueName="STATUS">  
                                        <HeaderStyle Width="40px" /> 
                                        <ItemStyle Width="40px" Wrap="False" /> 
                                    </telerik:GridBoundColumn> 
                                </Columns> 
                                <RowIndicatorColumn> 
                                     <HeaderStyle Width="20px" /> 
                                </RowIndicatorColumn> 
                                <ExpandCollapseColumn> 
                                    <HeaderStyle Width="20px" /> 
                                </ExpandCollapseColumn> 
                            </MasterTableView> 
                            <ClientSettings> 
                                <Selecting AllowRowSelect="True" /> 
                               <ClientEvents OnRowContextMenu="RowContextMenu" OnRowSelected="RowSelected" /> 
                                <Scrolling AllowScroll="True" UseStaticHeaders="True" /> 
                            </ClientSettings> 
                        </telerik:RadGrid>                     
                    </telerik:RadPageView> 
                    <telerik:RadPageView ID="RadPageView5" runat="server" Height="75px" Width="227px">Tab5</telerik:RadPageView> 
                </telerik:RadMultiPage> 
          </telerik:RadPane> 
        </telerik:RadSplitter> 
      
    </div> 
    <telerik:RadAjaxManager runat="server">  
        <AjaxSettings> 
            <telerik:AjaxSetting AjaxControlID="RadSplitter1">  
                <UpdatedControls> 
                    <telerik:AjaxUpdatedControl ControlID="RadSplitter1" /> 
                </UpdatedControls> 
            </telerik:AjaxSetting> 
            <telerik:AjaxSetting AjaxControlID="RadGrid1">  
                <UpdatedControls> 
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1"/>  
                    <telerik:AjaxUpdatedControl ControlID="RadMenu1" /> 
                </UpdatedControls> 
            </telerik:AjaxSetting> 
            <telerik:AjaxSetting AjaxControlID="RadMenu1">  
                <UpdatedControls> 
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> 
                    <telerik:AjaxUpdatedControl ControlID="RadMenu1" /> 
                </UpdatedControls> 
            </telerik:AjaxSetting> 
        </AjaxSettings> 
    </telerik:RadAjaxManager> 
 
      
    <telerik:RadContextMenu ID="RadMenu1" runat="server" Skin="WebBlue" onclientitemclicked="MenuSelect">  
        <Items> 
            <telerik:RadMenuItem Text="View Property" /> 
            <telerik:RadMenuItem Text="View Job Details" Visible="False" /> 
            <telerik:RadMenuItem Text="Find Closest Engineer" Visible="False" /> 
            <telerik:RadMenuItem Text="Edit Job" Visible="false" /> 
            <telerik:RadMenuItem Text="Edit/Book Job" /> 
            <telerik:RadMenuItem Text="Show on Map" Visible="False" /> 
        </Items> 
    </telerik:RadContextMenu> 
      
    <telerik:RadWindowManager ID="RadWindowManager1" runat="server"   
        Skin="Simple" Height="100%" Width="100%" InitialBehavior="Maximize"   
        InitialBehaviors="Maximize" Behaviors="Maximize" Behavior="Close">  
        <Windows> 
        <telerik:RadWindow runat="server" ID="Repair" Height="100%" Width="100%"   
                InitialBehavior="Maximize" InitialBehaviors="Maximize" AutoSize="True" Behavior="Close" Behaviors="Maximize">  
        </telerik:RadWindow> 
        </Windows> 
    </telerik:RadWindowManager> 
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
        </telerik:RadScriptManager> 
        <telerik:RadScriptBlock runat="server" ID="RadScriptBlock1">  
 
        <script type="text/javascript">  
            function RowSelected(sender, args) {  
                var dataKeyValue = args.getDataKeyValue("ORDERID");  
                document.getElementById("txtOrderID").value = dataKeyValue;  
                var pdataKeyValue = args.getDataKeyValue("PROPREF");  
                document.getElementById("txtPropref").value = pdataKeyValue;  
            }  
          
        function RowContextMenu(sender, eventArgs)   
        {  
            var menu = $find("<%=RadMenu1.ClientID %>");  
            var evt = eventArgs.get_domEvent();  
 
            var index = eventArgs.get_itemIndexHierarchical();  
            document.getElementById("radGridClickedRowIndex").value = index;  
            var dataKeyValue = eventArgs.getDataKeyValue("ORDERID");  
 
            sender.get_masterTableView().selectItem(sender.get_masterTableView().get_dataItems()[index].get_element(), true);  
 
            menu.show(evt);  
 
            evt.cancelBubble = true;  
            evt.returnValue = false;  
 
            if (evt.stopPropagation) {  
                evt.stopPropagation();  
                evt.preventDefault();  
            }  
        }  
 
        function MenuSelect(sender, eventArgs) {  
            var item = eventArgs.get_item();  
            var itemitems = item.get_text();  
 
            if (items == "Edit/Book Job") {  
                var propref = document.getElementById("txtPropref").value;  
                var orderno = document.getElementById("txtOrderID").value  
                window.radopen("Repair.aspx?Propref=" + propref + "&OrderNo=" + orderno, "");  
            }  
 
            if (items == "Edit Job") {  
                var propref = document.getElementById("txtPropref").value;  
                var orderno = document.getElementById("txtOrderID").value  
                window.radopen("Repair.aspx?Propref=" + propref + "&OrderNo=" + orderno, "");  
            }  
 
            if (items == "View Property") {  
                var propref = document.getElementById("txtPropref").value;  
                window.radopen("Property.aspx?Propref=" + propref, "");  
            }  
 
            if (items == "Find Closest Engineer") {  
                var propref = document.getElementById("txtPropref").value;  
                window.radopen("Maps.aspx?Propref=" + propref + "&MenuItem=GetClosestEngineer", "");  
            }  
 
            if (items == "Show on Map") {  
                var propref = document.getElementById("txtPropref").value;  
                var order = document.getElementById("txtOrderID").value;  
                window.radopen("Maps.aspx", "");  
            }  
 
        }  
          
    </script> 
    </telerik:RadScriptBlock> 
    <asp:HiddenField ID="txtPropref" runat="server" /> 
    <asp:HiddenField ID="txtOrderID" runat="server" /> 
    </form> 
</body> 
</html> 
 

1 Answer, 1 is accepted

Sort by
0
Svetlina Anati
Telerik team
answered on 14 Aug 2009, 07:32 AM
Hello Kevin,

I built up a test demo page based on your code but I am not sure what exactly you mean by "what i want is to have on the page is the splitter to work " - would you please provide more detailed explanation on the exact desired result and what are the differences between the actual and the desired result? Please, provide also information about the browser under which you experience the issue.

On a side note, the way you have configured the splitter to occupy 100% of the page is not correct and this might be causing the issue. In order to correctly configure it, please set all its parent elements height explicitly, including the html, body and form elements and set Width and Height properties to 100%. Note, also that the script manager (or the rad script manager) should be first on the page, before the RadControls. 

I attached my test page for your reference - let me know what exactly you want to modify in it in case it is not the layout you want to achieve. 

Best wishes,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Tags
Splitter
Asked by
Kevin
Top achievements
Rank 1
Answers by
Svetlina Anati
Telerik team
Share this question
or