Help Please

2 posts, 0 answers
  1. Kevin
    Kevin avatar
    58 posts
    Member since:
    May 2009

    Posted 11 Aug 2009 Link to this post

    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

    1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Property.aspx.cs" Inherits="WebSchedule.Property1" %> 
    2  
    3 <%@ Register Assembly="GMaps" Namespace="Subgurim.Controles" TagPrefix="cc1" %> 
    4  
    5 <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> 
    6  
    7 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    8  
    9 <html xmlns="http://www.w3.org/1999/xhtml" > 
    10 <head runat="server">  
    11     <link href="css/WebScheduleTheme.css" rel="stylesheet" type="text/css" /> 
    12     <title>Property Information</title> 
    13     </head> 
    14 <body> 
    15     <form id="form1" runat="server">  
    16     <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">  
    17     </telerik:RadStyleSheetManager> 
    18  
    19     <div> 
    20       
    21         <telerik:RadSplitter ID="RadSplitter1" Runat="server" FullScreenMode="true" LiveResize="True" Orientation="Horizontal" Skin="WebBlue">  
    22             <telerik:RadPane ID="TopPane" Runat="server" Scrolling="None">  
    23             <telerik:RadSplitter ID="RadSplitter2" Runat="server" FullScreenMode="True">  
    24                 <telerik:RadPane ID="TopLeftPane" Runat="server" Scrolling="None" MinHeight="350" MinWidth="350" > 
    25             <table> 
    26                 <tr> 
    27                     <td> 
    28                         <asp:Label ID="label6" runat="server" Text="Int Ref:" /> 
    29                     </td> 
    30                     <td> 
    31                         <asp:Label ID="lblPropRef" runat="server" Text="" /> 
    32                     </td> 
    33                     <td> 
    34                         <asp:Label ID="Label1" runat="server" Text="Customer Name:" /> 
    35                     </td> 
    36                     <td> 
    37                         <asp:Label ID="lblCustomerName" Runat="server" Width="150px" /> 
    38                     </td> 
    39                 </tr> 
    40                 <tr> 
    41                     <td> 
    42                         <asp:Label ID="Label2" runat="server" Text="Address:" /> 
    43                     </td> 
    44                     <td> 
    45                         <asp:Label ID="lblFullAddress" Runat="server" Width="150px" /> 
    46                     </td> 
    47                     <td> 
    48                         <asp:Label ID="label4" runat="server" Text="Postcode:" /> 
    49                     </td> 
    50                     <td> 
    51                         <asp:Label ID="lblPostcode" runat="server" Width="60px" /> 
    52                     </td> 
    53                 </tr> 
    54                 <tr> 
    55                     <td> 
    56                         <asp:Label ID="label3" runat="server" Text="Tel:" /> 
    57                     </td> 
    58                     <td> 
    59                         <asp:Label ID="lblTelNumber" runat="server" Width="75px" /> 
    60                     </td> 
    61                     <td> 
    62                         <asp:Label ID="label7" runat="server" Text="Mobile:" /> 
    63                     </td> 
    64                     <td> 
    65                         <asp:Label ID="lblMobContact" runat="server" Text="" /> 
    66                     </td> 
    67                 </tr> 
    68                 <tr> 
    69                     <td> 
    70                         <asp:Label ID="label9" runat="server" Text="Contract:" /> 
    71                     </td> 
    72                     <td> 
    73                         <asp:Label ID="lblContract" runat="server" Text="" /> 
    74                     </td> 
    75                     <td> 
    76                         <asp:Label ID="label11" runat="server" Text="Prop Clas:" /> 
    77                     </td> 
    78                     <td> 
    79                         <asp:Label ID="lblPropClass" runat="server" Text="" /> 
    80                     </td> 
    81                 </tr> 
    82                 <tr> 
    83                     <td> 
    84                         <asp:Label ID="label13" runat="server" Text="Last Service Date:"  /> 
    85                     </td> 
    86                     <td> 
    87                         <asp:Label ID="lblLastService" runat="server" Text="" /> 
    88                     </td> 
    89                     <td> 
    90                         <asp:Label ID="label15" runat="server" Text="Status" /> 
    91                     </td> 
    92                     <td> 
    93                         <asp:Label ID="lblStatus" runat="server" Text="" /> 
    94                     </td> 
    95                 </tr> 
    96                 <tr> 
    97                     <td> 
    98                         <asp:Label ID="label8" runat="server" Text="Heat Type:" /> 
    99                     </td> 
    100                     <td> 
    101                         <asp:Label ID="lblHeatType" runat="server" Text="" /> 
    102                     </td> 
    103                     <td> 
    104                         <asp:Label ID="label12" runat="server" Text="Apps:" /> 
    105                     </td> 
    106                     <td> 
    107                         <asp:Label ID="lblApps" runat="server" Text="" /> 
    108                     </td> 
    109                 </tr> 
    110                 <tr> 
    111                     <td> 
    112                         <asp:Label ID="label10" runat="server" Text="Assets:" /> 
    113                     </td> 
    114                     <td> 
    115                         <asp:Label ID="lblAssets" runat="server" Text="" /> 
    116                     </td> 
    117                     <td> 
    118                     </td> 
    119                     <td> 
    120                     </td> 
    121                 </tr> 
    122                 <tr> 
    123                     <td> 
    124                         <asp:Label ID="label18" runat="server" Text="Problem:" /> 
    125                     </td> 
    126                     <td> 
    127                         <asp:Label ID="lblProblemProperty" runat="server" Text="" /> 
    128                     </td> 
    129                     <td> 
    130                         <asp:Label ID="label20" runat="server" Text="Void:" /> 
    131                     </td> 
    132                     <td> 
    133                         <asp:Label ID="lblvoidProperty" runat="server" Text="" /> 
    134                     </td> 
    135                 </tr> 
    136                 </table> 
    137                 </telerik:RadPane> 
    138                 <telerik:RadPane ID="TopRightPane" Runat="server" Scrolling="None" Width="350" Height="300">  
    139                     <telerik:RadTabStrip ID="RadTabStrip2" runat="server" Skin="WebBlue"   
    140                             SelectedIndex="1" MultiPageID="RadMultiPage3">  
    141                         <Tabs> 
    142                             <telerik:RadTab runat="server" Text="Map">  
    143                             </telerik:RadTab> 
    144                         </Tabs> 
    145                     </telerik:RadTabStrip> 
    146                 <telerik:RadMultiPage ID="RadMultiPage3" Runat="server" SelectedIndex="1">  
    147             <telerik:RadPageView ID="RadPageView1" runat="server" TabIndex="1">  
    148                     <cc1:GMap ID="gMap1" runat="server"  Width="350px" Height="250px" /> 
    149             </telerik:RadPageView> 
    150             <telerik:RadPageView ID="RadPageView10" runat="server" TabIndex="2">  
    151             </telerik:RadPageView> 
    152             </telerik:RadMultiPage> 
    153             </telerik:RadPane> 
    154             </telerik:RadSplitter> 
    155             </telerik:RadPane> 
    156             <telerik:RadPane ID="BottomPane" Runat="server" Scrolling="None">  
    157                 <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" SelectedIndex="0"   
    158                 Skin="WebBlue">  
    159                 <Tabs> 
    160                 <telerik:RadTab runat="server" PageViewID="RadPageView4" Text="Repairs History" Selected="true">  
    161                 </telerik:RadTab> 
    162                 <telerik:RadTab runat="server" PageViewID="RadPageView5" Text="Service History">  
    163                 </telerik:RadTab> 
    164                 </Tabs> 
    165                 </telerik:RadTabStrip> 
    166                 <telerik:RadMultiPage ID="RadMultiPage1" Runat="server">  
    167                     <telerik:RadPageView ID="RadPageView4" runat="server" Selected="true" Height="100%" Width="100%">  
    168                         <input type="hidden" id="radGridClickedRowIndex" name="radGridClickedRowIndex" /> 
    169                         <input type="hidden" id="radGridClickedRowValue" name="radGridClickedRowValue" /> 
    170                         <telerik:RadGrid ID="RadgrdRepair" runat="server" Skin="WebBlue"   
    171                             GridLines="None" OnDetailTableDataBind="RadgrdRepair_DetailTableDataBind"   
    172                             AutoGenerateColumns="False" > 
    173                             <MasterTableView CellSpacing="-1" clientDataKeyNames="ORDERID, PROPREF" DataKeyNames="ORDERID, PROPREF">  
    174                                 <DetailTables> 
    175                                     <telerik:GridTableView DataKeyNames="ORDERID" Name="Orders" Width="100%">  
    176                                         <ParentTableRelation> 
    177                                             <telerik:GridRelationFields DetailKeyField="ORDERID" MasterKeyField="ORDERID" /> 
    178                                         </ParentTableRelation> 
    179                                         <Columns> 
    180                                             <telerik:GridBoundColumn DataField="VISITID" HeaderText="VISITID" SortExpression="VISITID" UniqueName="VISITID">  
    181                                             </telerik:GridBoundColumn> 
    182                                             <telerik:GridBoundColumn DataField="PROPREF" HeaderText="PROPREF" SortExpression="PROPREF" UniqueName="PROPREF">  
    183                                             </telerik:GridBoundColumn> 
    184                                             <telerik:GridBoundColumn DataField="ORDERID" HeaderText="ORDERID" SortExpression="ORDERID" UniqueName="ORDERID">  
    185                                             </telerik:GridBoundColumn> 
    186                                             <telerik:GridBoundColumn DataField="FAULT" HeaderText="FAULT" SortExpression="FAULT" UniqueName="FAULT">  
    187                                             </telerik:GridBoundColumn> 
    188                                             <telerik:GridBoundColumn DataField="Status" HeaderText="Status" SortExpression="Status" UniqueName="Status">  
    189                                             </telerik:GridBoundColumn> 
    190                                             <telerik:GridBoundColumn DataField="WORKDONE" HeaderText="WORKDONE" SortExpression="WORKDONE" UniqueName="WORKDONE">  
    191                                             </telerik:GridBoundColumn> 
    192                                         </Columns> 
    193                                     </telerik:GridTableView> 
    194                                 </DetailTables> 
    195                                 <Columns> 
    196                                     <telerik:GridBoundColumn DataField="ORDERID" HeaderText="ORDERID" SortExpression="ORDERID" UniqueName="ORDERID">  
    197                                         <HeaderStyle Width="40px" /> 
    198                                         <ItemStyle Width="40px" Wrap="False" /> 
    199                                     </telerik:GridBoundColumn> 
    200                                     <telerik:GridBoundColumn DataField="PROPREF" HeaderText="PROPREF" SortExpression="PROPREF" UniqueName="PROPREF">  
    201                                         <HeaderStyle Width="40px" /> 
    202                                         <ItemStyle Width="40px" Wrap="False" /> 
    203                                     </telerik:GridBoundColumn> 
    204                                     <telerik:GridBoundColumn DataField="FAULTREPORTED" HeaderText="FAULTREPORTED" SortExpression="FAULTREPORTED"   
    205                                         UniqueName="FAULTREPORTED" ItemStyle-Width="300px" HeaderStyle-Width="350px" ItemStyle-Wrap="false">  
    206                                         <HeaderStyle Width="350px" /> 
    207                                         <ItemStyle Width="300px" Wrap="False" /> 
    208                                     </telerik:GridBoundColumn> 
    209                                     <telerik:GridBoundColumn DataField="RAISEDDATE" DataType="System.DateTime" HeaderText="RAISEDDATE"   
    210                                     SortExpression="RAISEDDATE" UniqueName="RAISEDDATE">  
    211                                         <HeaderStyle Width="60px" /> 
    212                                         <ItemStyle Width="60px" Wrap="False" /> 
    213                                     </telerik:GridBoundColumn> 
    214                                     <telerik:GridBoundColumn DataField="STATUS" HeaderText="STATUS" 
    215                                     SortExpression="STATUS" UniqueName="STATUS">  
    216                                         <HeaderStyle Width="40px" /> 
    217                                         <ItemStyle Width="40px" Wrap="False" /> 
    218                                     </telerik:GridBoundColumn> 
    219                                 </Columns> 
    220                                 <RowIndicatorColumn> 
    221                                      <HeaderStyle Width="20px" /> 
    222                                 </RowIndicatorColumn> 
    223                                 <ExpandCollapseColumn> 
    224                                     <HeaderStyle Width="20px" /> 
    225                                 </ExpandCollapseColumn> 
    226                             </MasterTableView> 
    227                             <ClientSettings> 
    228                                 <Selecting AllowRowSelect="True" /> 
    229                                <ClientEvents OnRowContextMenu="RowContextMenu" OnRowSelected="RowSelected" /> 
    230                                 <Scrolling AllowScroll="True" UseStaticHeaders="True" /> 
    231                             </ClientSettings> 
    232                         </telerik:RadGrid>                     
    233                     </telerik:RadPageView> 
    234                     <telerik:RadPageView ID="RadPageView5" runat="server" Height="75px" Width="227px">Tab5</telerik:RadPageView> 
    235                 </telerik:RadMultiPage> 
    236           </telerik:RadPane> 
    237         </telerik:RadSplitter> 
    238       
    239     </div> 
    240     <telerik:RadAjaxManager runat="server">  
    241         <AjaxSettings> 
    242             <telerik:AjaxSetting AjaxControlID="RadSplitter1">  
    243                 <UpdatedControls> 
    244                     <telerik:AjaxUpdatedControl ControlID="RadSplitter1" /> 
    245                 </UpdatedControls> 
    246             </telerik:AjaxSetting> 
    247             <telerik:AjaxSetting AjaxControlID="RadGrid1">  
    248                 <UpdatedControls> 
    249                     <telerik:AjaxUpdatedControl ControlID="RadGrid1"/>  
    250                     <telerik:AjaxUpdatedControl ControlID="RadMenu1" /> 
    251                 </UpdatedControls> 
    252             </telerik:AjaxSetting> 
    253             <telerik:AjaxSetting AjaxControlID="RadMenu1">  
    254                 <UpdatedControls> 
    255                     <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> 
    256                     <telerik:AjaxUpdatedControl ControlID="RadMenu1" /> 
    257                 </UpdatedControls> 
    258             </telerik:AjaxSetting> 
    259         </AjaxSettings> 
    260     </telerik:RadAjaxManager> 
    261  
    262       
    263     <telerik:RadContextMenu ID="RadMenu1" runat="server" Skin="WebBlue" onclientitemclicked="MenuSelect">  
    264         <Items> 
    265             <telerik:RadMenuItem Text="View Property" /> 
    266             <telerik:RadMenuItem Text="View Job Details" Visible="False" /> 
    267             <telerik:RadMenuItem Text="Find Closest Engineer" Visible="False" /> 
    268             <telerik:RadMenuItem Text="Edit Job" Visible="false" /> 
    269             <telerik:RadMenuItem Text="Edit/Book Job" /> 
    270             <telerik:RadMenuItem Text="Show on Map" Visible="False" /> 
    271         </Items> 
    272     </telerik:RadContextMenu> 
    273       
    274     <telerik:RadWindowManager ID="RadWindowManager1" runat="server"   
    275         Skin="Simple" Height="100%" Width="100%" InitialBehavior="Maximize"   
    276         InitialBehaviors="Maximize" Behaviors="Maximize" Behavior="Close">  
    277         <Windows> 
    278         <telerik:RadWindow runat="server" ID="Repair" Height="100%" Width="100%"   
    279                 InitialBehavior="Maximize" InitialBehaviors="Maximize" AutoSize="True" Behavior="Close" Behaviors="Maximize">  
    280         </telerik:RadWindow> 
    281         </Windows> 
    282     </telerik:RadWindowManager> 
    283         <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
    284         </telerik:RadScriptManager> 
    285         <telerik:RadScriptBlock runat="server" ID="RadScriptBlock1">  
    286  
    287         <script type="text/javascript">  
    288             function RowSelected(sender, args) {  
    289                 var dataKeyValue = args.getDataKeyValue("ORDERID");  
    290                 document.getElementById("txtOrderID").value = dataKeyValue;  
    291                 var pdataKeyValue = args.getDataKeyValue("PROPREF");  
    292                 document.getElementById("txtPropref").value = pdataKeyValue;  
    293             }  
    294           
    295         function RowContextMenu(sender, eventArgs)   
    296         {  
    297             var menu = $find("<%=RadMenu1.ClientID %>");  
    298             var evt = eventArgs.get_domEvent();  
    299  
    300             var index = eventArgs.get_itemIndexHierarchical();  
    301             document.getElementById("radGridClickedRowIndex").value = index;  
    302             var dataKeyValue = eventArgs.getDataKeyValue("ORDERID");  
    303  
    304             sender.get_masterTableView().selectItem(sender.get_masterTableView().get_dataItems()[index].get_element(), true);  
    305  
    306             menu.show(evt);  
    307  
    308             evt.cancelBubble = true;  
    309             evt.returnValue = false;  
    310  
    311             if (evt.stopPropagation) {  
    312                 evt.stopPropagation();  
    313                 evt.preventDefault();  
    314             }  
    315         }  
    316  
    317         function MenuSelect(sender, eventArgs) {  
    318             var item = eventArgs.get_item();  
    319             var itemitems = item.get_text();  
    320  
    321             if (items == "Edit/Book Job") {  
    322                 var propref = document.getElementById("txtPropref").value;  
    323                 var orderno = document.getElementById("txtOrderID").value  
    324                 window.radopen("Repair.aspx?Propref=" + propref + "&OrderNo=" + orderno, "");  
    325             }  
    326  
    327             if (items == "Edit Job") {  
    328                 var propref = document.getElementById("txtPropref").value;  
    329                 var orderno = document.getElementById("txtOrderID").value  
    330                 window.radopen("Repair.aspx?Propref=" + propref + "&OrderNo=" + orderno, "");  
    331             }  
    332  
    333             if (items == "View Property") {  
    334                 var propref = document.getElementById("txtPropref").value;  
    335                 window.radopen("Property.aspx?Propref=" + propref, "");  
    336             }  
    337  
    338             if (items == "Find Closest Engineer") {  
    339                 var propref = document.getElementById("txtPropref").value;  
    340                 window.radopen("Maps.aspx?Propref=" + propref + "&MenuItem=GetClosestEngineer", "");  
    341             }  
    342  
    343             if (items == "Show on Map") {  
    344                 var propref = document.getElementById("txtPropref").value;  
    345                 var order = document.getElementById("txtOrderID").value;  
    346                 window.radopen("Maps.aspx", "");  
    347             }  
    348  
    349         }  
    350           
    351     </script> 
    352     </telerik:RadScriptBlock> 
    353     <asp:HiddenField ID="txtPropref" runat="server" /> 
    354     <asp:HiddenField ID="txtOrderID" runat="server" /> 
    355     </form> 
    356 </body> 
    357 </html> 
    358  
  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 14 Aug 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top