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
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> | |