Hi
<telerik:RadPageView runat="server" ID="PageView_TicketGeneral"> <div class="tabbedmultipageHeight tblspacer"> <telerik:RadDockZone ID="RadDockZone_TicketGeneral" ClientIDMode="Static" runat="server" Orientation="Horizontal" Style="position: inherit;" MinHeight="305px"> <telerik:RadDock Title="<%$ Code:Resources.Ticket.Technician_Group%>" ID="RadDock_TechGroup_Name" runat="server" Width="50%" DockMode="Docked" DefaultCommands="Close" OnClientCommand="Dock_OnClientCommand" OnClientDockPositionChanged="Dock_OnClientDockPositionChanged"> <ContentTemplate> <div runat="server" id="RadDock_TechGroup_Name_div" class="comboClass"> <input type="hidden" clientidmode="Static" id="RadDock_TechGroup_Name_required" runat="server" value="0" title="ddl_TechnicianGroup" class="hdnrequired" /> <input type="hidden" clientidmode="Static" id="RadDock_TechGroup_Name_readonly" runat="server" value="0" /> <input type="hidden" clientidmode="Static" id="RadDock_TechGroup_Name_showtorequesteronly" runat="server" value="0" /> <table> <tr> <td class="hdpLabel"> <telerik:RadCodeBlock ID="RadCodeBlock4" runat="server"> <label id="ddl_TechnicianGroup_lbl"> <%= Resources.Ticket.Technician_Group%></label><label><%= Resources.Common.Label_colon%></label></telerik:RadCodeBlock> </td> <td width="60%"> <telerik:RadComboBox ID="ddl_TechnicianGroup" runat="server" DataTextField="TechGroup_Name" DataValueField="TechGroupID" Style="vertical-align: Middle;" Width="180px" OnItemsRequested="ddl_TechnicianGroup_ItemsRequested" OnSelectedIndexChanged="fillTech" OnClientSelectedIndexChanging="TicketTechGroupChanging" AutoPostBack="true" /> <input type="hidden" runat="server" id="hdGrpID" enableviewstate="true" clientidmode="Static" value="-1" /> <asp:HiddenField ID="hdTechnicianGroup" runat="server" /> </td> </tr> </table> </div> </ContentTemplate> </telerik:RadDock> <telerik:RadDock Title="<%$ Code:Resources.Ticket.Date_Received%>" ID="RadDock_Date_Received" runat="server" Width="50%" DockMode="Docked" DefaultCommands="Close" OnClientCommand="Dock_OnClientCommand" OnClientDockPositionChanged="Dock_OnClientDockPositionChanged"> <ContentTemplate> <div runat="server" id="RadDock_Date_Received_div"> <input type="hidden" clientidmode="Static" id="RadDock_Date_Received_required" runat="server" value="0" title="Date_Received" class="hdnrequired" /> <input type="hidden" clientidmode="Static" id="RadDock_Date_Received_readonly" runat="server" value="0" /> <input type="hidden" clientidmode="Static" id="RadDock_Date_Received_showtorequesteronly" runat="server" value="0" /> <table> <tr align="right"> <td class="hdpLabel"> <telerik:RadCodeBlock ID="RadCodeBlock50" runat="server"> <label id="Date_Received_lbl"> <%= Resources.Ticket.Date_Received%></label><label><%= Resources.Common.Label_colon%></label></telerik:RadCodeBlock> </td> <td style="text-align: left;" width="60%"> <telerik:RadDateTimePicker runat="server" Width="180px" ID="dtp_DateReceived" OnSelectedDateChanged="ReceivedDateChanged" AutoPostBackControl="Both"> <DateInput ID="DateInput1" Style="height: 14px !important;" runat="server"> </DateInput> <Calendar ShowRowHeaders="false" /> </telerik:RadDateTimePicker> </td> </tr> </table> </div> </ContentTemplate> </telerik:RadDock> <telerik:RadDock Title="<%$ Code:Resources.Ticket.Technician%>" ID="RadDock_ppl_Name" runat="server" Width="50%" DockMode="Docked" DefaultCommands="Close" OnClientCommand="Dock_OnClientCommand" OnClientDockPositionChanged="Dock_OnClientDockPositionChanged"> <ContentTemplate> <div runat="server" id="RadDock_ppl_Name_div" class="comboClass"> <input type="hidden" clientidmode="Static" id="RadDock_ppl_Name_required" runat="server" value="0" title="ddl_Technician" class="hdnrequired" /> <input type="hidden" clientidmode="Static" id="RadDock_ppl_Name_readonly" runat="server" value="0" /> <input type="hidden" clientidmode="Static" id="RadDock_ppl_Name_showtorequesteronly" runat="server" value="0" /> <table> <tr align="right"> <td class="hdpLabel" style="width: 40%;"> <telerik:RadCodeBlock ID="RadCodeBlock6" runat="server"> <label id="ddl_Technician_lbl"> <%= Resources.Ticket.Technician%></label><label><%= Resources.Common.Label_colon%></label></telerik:RadCodeBlock> </td> <td style="text-align: left" width="60%"> <telerik:RadComboBox ID="ddl_Technician" runat="server" Style="vertical-align: middle; float: left" Width="145px" OnClientSelectedIndexChanging="TicketTechnicianChanging" AllowCustomText="true" EnableLoadOnDemand="true" MarkFirstMatch="true" OnItemsRequested="ddl_Technician_ItemsRequested" OnClientBlur="isNewItem" OnItemDataBound="ddl_Technician_OnItemDataBound" /> <input type="hidden" runat="server" id="hdtechID" enableviewstate="true" clientidmode="Static" value="-1" /> <asp:HiddenField ID="hdTTechnician" runat="server" /> <img clientidmode="Static" id="img1" runat="server" onclick="return ShowPopupTechnician(); return false;" src="~/Content/images/Search1.png" alt="look up" title="<%$ Code:Resources.Common.Lookup%>" border="0" style="float: left; cursor: pointer; margin-left: 3px;" /> </td> </tr> </table> </div> </ContentTemplate> </telerik:RadDock> <telerik:RadDock Title="<%$ Code:Resources.Ticket.Impact%>" ID="RadDock_Impact_Name" runat="server" Width="50%" DockMode="Docked" DefaultCommands="Close" OnClientCommand="Dock_OnClientCommand" OnClientDockPositionChanged="Dock_OnClientDockPositionChanged"> <ContentTemplate> <div runat="server" id="RadDock_Impact_Name_div" class="comboClass"> <input type="hidden" clientidmode="Static" id="RadDock_Impact_Name_required" runat="server" value="0" title="ddl_Impact" class="hdnrequired" /> <input type="hidden" clientidmode="Static" id="RadDock_Impact_Name_readonly" runat="server" value="0" /> <input type="hidden" clientidmode="Static" id="RadDock_Impact_Name_showtorequesteronly" runat="server" value="0" /> <table> <tr align="right"> <td class="hdpLabel"> <telerik:RadCodeBlock ID="RadCodeBlock7" runat="server"> <label id="ddl_Impact_lbl"> <%= Resources.Ticket.Impact%></label><label><%= Resources.Common.Label_colon%></label></telerik:RadCodeBlock> </td> <td style="text-align: left" width="60%"> <telerik:RadComboBox ID="ddl_Impact" CausesValidation="false" DataTextField="Impact_Name" DataValueField="ImpactID" runat="server" Style="vertical-align: middle;" Width="180px" AutoPostBack="true" OnSelectedIndexChanged="UpdatePriority" OnClientSelectedIndexChanging="TicketImpactChanging"> </telerik:RadComboBox> <asp:HiddenField ID="hdImpact" runat="server" /> </td> </tr> </table> </div> </ContentTemplate> </telerik:RadDock> <telerik:RadDock Title="<%$ Code:Resources.Ticket.Category%>" ID="RadDock_Category_Name" runat="server" Width="50%" DockMode="Docked" DefaultCommands="Close" OnClientCommand="Dock_OnClientCommand" OnClientDockPositionChanged="Dock_OnClientDockPositionChanged"> <ContentTemplate> <div runat="server" id="RadDock_Category_Name_div" class="comboClass"> <input type="hidden" clientidmode="Static" id="RadDock_Category_Name_required" runat="server" value="0" title="ddl_Category" class="hdnrequired" /> <input type="hidden" clientidmode="Static" id="RadDock_Category_Name_readonly" runat="server" value="0" /> <input type="hidden" clientidmode="Static" id="RadDock_Category_Name_showtorequesteronly" runat="server" value="0" /> <table> <tr align="right"> <td class="hdpLabel"> <telerik:RadCodeBlock ID="RadCodeBlock8" runat="server"> <label id="ddl_Category_lbl"> <%= Resources.Ticket.Category%></label><label><%= Resources.Common.Label_colon%></label></telerik:RadCodeBlock> </td> <td width="60%" style="text-align: left"> <telerik:RadComboBox ID="ddl_Category" DataTextField="Category_Name" DataValueField="CategoryID" runat="server" Style="vertical-align: middle;" Width="180px" OnClientSelectedIndexChanging="LoadSubCategory" OnItemsRequested="ddl_Category_ItemsRequested" AllowCustomText="false" EnableLoadOnDemand="false" MarkFirstMatch="false" /> <asp:HiddenField ID="hdTCategory" runat="server" /> </td> </tr> </table> </div> </ContentTemplate> </telerik:RadDock> <telerik:RadDock Title="<%$ Code:Resources.Ticket.Urgency%>" ID="RadDock_Urgency_Name" runat="server" Width="50%" DockMode="Docked" DefaultCommands="Close" OnClientCommand="Dock_OnClientCommand" OnClientDockPositionChanged="Dock_OnClientDockPositionChanged"> <ContentTemplate> <div runat="server" id="RadDock_Urgency_Name_div" class="comboClass"> <input type="hidden" clientidmode="Static" id="RadDock_Urgency_Name_required" runat="server" value="0" title="ddl_Urgency" class="hdnrequired" /> <input type="hidden" clientidmode="Static" id="RadDock_Urgency_Name_readonly" runat="server" value="0" /> <input type="hidden" clientidmode="Static" id="RadDock_Urgency_Name_showtorequesteronly" runat="server" value="0" /> <table> <tr align="right"> <td class="hdpLabel"> <telerik:RadCodeBlock ID="RadCodeBlock9" runat="server"> <label id="ddl_Urgency_lbl"> <%= Resources.Ticket.Urgency%></label><label><%= Resources.Common.Label_colon%></label></telerik:RadCodeBlock> </td> <td style="text-align: left" width="60%"> <telerik:RadComboBox ID="ddl_Urgency" CausesValidation="false" DataTextField="Urgency_Name" DataValueField="UrgencyID" runat="server" Style="vertical-align: middle;" Width="180px" AutoPostBack="true" OnSelectedIndexChanged="UpdatePriority" OnClientSelectedIndexChanging="TicketUrgencyChanging" /> <asp:HiddenField ID="hdUrgency" runat="server" /> </td> </tr> </table> </div> </ContentTemplate> </telerik:RadDock> <telerik:RadDock Title="<%$ Code:Resources.Ticket.Subcategory%>" ID="RadDock_SubCategory_Name" runat="server" Width="50%" DockMode="Docked" DefaultCommands="Close" OnClientCommand="Dock_OnClientCommand" OnClientDockPositionChanged="Dock_OnClientDockPositionChanged"> <ContentTemplate> <div runat="server" id="RadDock_SubCategory_Name_div" class="comboClass"> <input type="hidden" clientidmode="Static" id="RadDock_SubCategory_Name_required" runat="server" value="0" title="ddl_Subcategory" class="hdnrequired" /> <input type="hidden" clientidmode="Static" id="RadDock_SubCategory_Name_readonly" runat="server" value="0" /> <input type="hidden" clientidmode="Static" id="RadDock_SubCategory_Name_showtorequesteronly" runat="server" value="0" /> <table> <tr align="right"> <td class="hdpLabel"> <telerik:RadCodeBlock ID="RadCodeBlock10" runat="server"> <label id="ddl_Subcategory_lbl"> <%= Resources.Ticket.Subcategory%></label><label><%= Resources.Common.Label_colon%></label></telerik:RadCodeBlock> </td> <td style="text-align: left" width="60%"> <telerik:RadComboBox ID="ddl_Subcategory" runat="server" DataTextField="SubCategory_Name" DataValueField="SubCategoryID" Style="vertical-align: middle;" Width="180px" OnItemsRequested="ddl_Subcategory_ItemsRequested" OnClientSelectedIndexChanging="TicketSubcategoryChanging" /> <asp:HiddenField ID="hdSubcategory" runat="server" /> </td> </tr> </table> </div> </ContentTemplate> </telerik:RadDock> <telerik:RadDock Title="<%$ Code:Resources.Ticket.Priority %>" ID="RadDock_Priority_Name" runat="server" Width="50%" DockMode="Docked" DefaultCommands="Close" OnClientCommand="Dock_OnClientCommand" OnClientDockPositionChanged="Dock_OnClientDockPositionChanged"> <ContentTemplate> <div runat="server" id="RadDock_Priority_Name_div" class="comboClass"> <input type="hidden" clientidmode="Static" id="RadDock_Priority_Name_required" runat="server" value="0" title="ddl_Priority" class="hdnrequired" /> <input type="hidden" clientidmode="Static" id="RadDock_Priority_Name_readonly" runat="server" value="0" /> <input type="hidden" clientidmode="Static" id="RadDock_Priority_Name_showtorequesteronly" runat="server" value="0" /> <table> <tr align="right"> <td class="hdpLabel"> <telerik:RadCodeBlock ID="RadCodeBlock11" runat="server"> <label id="ddl_Priority_lbl"> <%= Resources.Ticket.Priority %></label><label><%= Resources.Common.Label_colon%></label></telerik:RadCodeBlock> </td> <td width="60%" style="text-align: left"> <telerik:RadComboBox ID="ddl_Priority" CausesValidation="false" AutoPostBack="true" runat="server" Style="vertical-align: middle;" Width="180px" DataTextField="Priority_Name" DataValueField="PriorityID" OnItemsRequested="ddl_Priority_ItemsRequested" OnSelectedIndexChanged="SetDueDate" OnClientSelectedIndexChanging="TicketPriorityChanging" /> <asp:HiddenField ID="hdPriority" runat="server" /> </td> </tr> </table> </div> </ContentTemplate> </telerik:RadDock> <telerik:RadDock Title="<%$ Code:Resources.Ticket.Organization%>" ID="RadDock_Organization_Name" runat="server" Width="50%" DockMode="Docked" DefaultCommands="Close" OnClientCommand="Dock_OnClientCommand" OnClientDockPositionChanged="Dock_OnClientDockPositionChanged"> <ContentTemplate> <div runat="server" id="RadDock_org_div" class="comboClass"> <input type="hidden" clientidmode="Static" id="RadDock_Organization_Name_required" runat="server" value="0" title="ddl_Organization" class="hdnrequired" /> <input type="hidden" clientidmode="Static" id="RadDock_Organization_Name_readonly" runat="server" value="0" /> <input type="hidden" clientidmode="Static" id="RadDock_Organization_Name_showtorequesteronly" runat="server" value="0" /> <table> <tr align="right"> <td class="hdpLabel" style="width: 40%;"> <telerik:RadCodeBlock ID="RadCodeBlock12" runat="server"> <label id="ddl_Organization_lbl"> <%= Resources.Ticket.Organization%></label><label><%= Resources.Common.Label_colon%></label></telerik:RadCodeBlock> </td> <td style="text-align: left; padding: 0px;" width="60%"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td align="left" style="width: 140px;"> <telerik:RadComboBox ID="ddl_Organization" DataValueField="Organizations_ID" DataTextField="Organization_Name" runat="server" Style="vertical-align: Middle;" Width="150px" OnItemsRequested="ddl_Organization_ItemsRequested" AllowCustomText="true" EnableLoadOnDemand="true" MarkFirstMatch="true" OnClientBlur="isNewItem" OnClientSelectedIndexChanged="loadreq" /> <input type="hidden" runat="server" id="hdorgaddID" enableviewstate="true" clientidmode="Static" value="-1" /> </td> <td> <img clientidmode="Static" id="imgOrgLookup" runat="server" onclick="return ShowPopupOrganization(); return false;" src="~/Content/images/Search1.png" alt="look up" title="<%$ Code:Resources.Common.Lookup%>" border="0" style="cursor: pointer; float: left;" /> <input type="hidden" runat="server" id="hdOrgId" enableviewstate="true" clientidmode="Static" value="-1" /> </td> <td style="display: none;"> <telerik:RadTextBox runat="server" Width="175px" Enabled="false" ID="TxtOrganization" ViewStateMode="Enabled" /> </td> </tr> </table> </td> </tr> </table> </div> </ContentTemplate> </telerik:RadDock> <telerik:RadDock Title="<%$ Code:Resources.Ticket.Due_Date%>" ID="RadDock_DueDate" runat="server" Width="50%" DockMode="Docked" DefaultCommands="Close" OnClientCommand="Dock_OnClientCommand" OnClientDockPositionChanged="Dock_OnClientDockPositionChanged"> <ContentTemplate> <div runat="server" id="RadDock_DueDate_div"> <input type="hidden" clientidmode="Static" id="RadDock_DueDate_required" runat="server" value="0" title="dtp_DueDatePicker" class="hdnrequired" /> <input type="hidden" clientidmode="Static" id="RadDock_DueDate_readonly" runat="server" value="0" /> <input type="hidden" clientidmode="Static" id="RadDock_DueDate_showtorequesteronly" runat="server" value="0" /> <table> <tr align="right"> <td class="hdpLabel"> <telerik:RadCodeBlock ID="RadCodeBlock13" runat="server"> <label id="dtp_DueDatePicker_lbl"> <%= Resources.Ticket.Due_Date%></label><label><%= Resources.Common.Label_colon%></label></telerik:RadCodeBlock> </td> <td style="text-align: left" width="60%"> <telerik:RadDateTimePicker runat="server" Width="180px" ID="dtp_DueDatePicker"> <DateInput ID="DateInput2" Style="height: 14px !important;" runat="server"> </DateInput> <Calendar ID="Calendar1" runat="server" ShowRowHeaders="false" /> </telerik:RadDateTimePicker> </td> </tr> </table> </div> </ContentTemplate> </telerik:RadDock> <telerik:RadDock Title="<%$ Code:Resources.Ticket.Requestor%>" ID="RadDock_Requestor" runat="server" Width="50%" DockMode="Docked" DefaultCommands="Close" OnClientCommand="Dock_OnClientCommand" OnClientDockPositionChanged="Dock_OnClientDockPositionChanged"> <ContentTemplate> <div runat="server" id="RadDock_Req_div" style="overflow: hidden" class="comboClass"> <input type="hidden" clientidmode="Static" id="RadDock_Requestor_required" runat="server" value="0" title="ddl_Requestor" class="hdnrequired" /> <input type="hidden" clientidmode="Static" id="RadDock_Requestor_readonly" runat="server" value="0" /> <input type="hidden" clientidmode="Static" id="RadDock_Requestor_showtorequesteronly" runat="server" value="0" /> <table> <tr align="right"> <td class="hdpLabel"> <telerik:RadCodeBlock ID="RadCodeBlock14" runat="server"> <label id="ddl_Requestor_lbl"> <%= Resources.Ticket.Requestor%></label><label><%= Resources.Common.Label_colon%></label></telerik:RadCodeBlock> </td> <td style="text-align: left; padding: 0px;" width="60%"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td align="left" style="width: 140px;"> <telerik:RadComboBox ID="ddl_Requestor" runat="server" Style="vertical-align: Middle;" Width="150px" OnItemsRequested="ddl_Requestor_ItemsRequested" OnClientSelectedIndexChanging="TicketRequestorChanging" OnClientSelectedIndexChanged="loadorg" AllowCustomText="true" EnableLoadOnDemand="true" MarkFirstMatch="true" OnClientBlur="isNewItem" OnItemDataBound="ddl_RequestorOnItemDataBound" /> <input type="hidden" runat="server" id="hdreqID" enableviewstate="true" clientidmode="Static" value="-1" /> <asp:HiddenField ID="hdRequestor" runat="server" /> </td> <td align="left"> <img clientidmode="Static" id="imgReqLookup" runat="server" onclick="return ShowPopup();" src="~/Content/images/Search1.png" alt="look up" title="<%$ Code:Resources.Common.Lookup%>" border="0" style="cursor: pointer; float: left;" /> </td> <td style="display: none;"> <telerik:RadButton runat="server" ID="test"> </telerik:RadButton> </td> <td style="display: none;"> <telerik:RadTextBox ID="txt_Requestor" runat="server" Width="175px" Height="15px" ReadOnly="true" AutoPostBack="true" OnTextChanged="RequestorChanged" /> </td> </tr> </table> </td> </tr> </table> </div> </ContentTemplate> </telerik:RadDock> <telerik:RadDock Title="<%$ Code:Resources.Ticket.Location%>" ID="RadDock_LocationName" runat="server" Width="50%" DockMode="Docked" DefaultCommands="Close" OnClientCommand="Dock_OnClientCommand" OnClientDockPositionChanged="Dock_OnClientDockPositionChanged"> <ContentTemplate> <div runat="server" id="RadDock_loc_div" style="overflow: hidden"> <input type="hidden" clientidmode="Static" id="RadDock_LocationName_showtorequesteronly" runat="server" value="0" /> <table> <tr> <td class="hdpLabel"> <telerik:RadCodeBlock ID="RadCodeBlock15" runat="server"> <label id="txtLocationName_lbl"> <%= Resources.Ticket.Location%></label><label><%= Resources.Common.Label_colon%></label></telerik:RadCodeBlock> </td> <td style="text-align: left" width="60%"> <telerik:RadTextBox ID="txtLocationName" runat="server" Width="175px" Height="15px" ReadOnly="true" /> </td> </tr> </table> </div> </ContentTemplate> </telerik:RadDock> <telerik:RadDock Title="<%$ Code:Resources.Ticket.Department%>" ID="RadDock_Department" runat="server" Width="50%" DockMode="Docked" DefaultCommands="Close" OnClientCommand="Dock_OnClientCommand" OnClientDockPositionChanged="Dock_OnClientDockPositionChanged"> <ContentTemplate> <div runat="server" id="RadDock_dep_div" style="overflow: hidden"> <input type="hidden" clientidmode="Static" id="RadDock_Department_showtorequesteronly" runat="server" value="0" /> <table> <tr> <td class="hdpLabel"> <telerik:RadCodeBlock ID="RadCodeBlock16" runat="server"> <label id="txtDepartment_lbl"> <%= Resources.Ticket.Department%></label><label><%= Resources.Common.Label_colon%></label></telerik:RadCodeBlock> </td> <td style="text-align: left" width="60%"> <telerik:RadTextBox ID="txtDepartment" runat="server" Width="175px" Height="15px" ReadOnly="true" /> </td> </tr> </table> </div> </ContentTemplate> </telerik:RadDock> <telerik:RadDock Title="<%$ Code:Resources.Ticket.Phone%>" ID="RadDock_Phone" runat="server" Width="50%" DockMode="Docked" DefaultCommands="Close" OnClientCommand="Dock_OnClientCommand" OnClientDockPositionChanged="Dock_OnClientDockPositionChanged"> <ContentTemplate> <div runat="server" id="RadDock_phn_div" style="overflow: hidden"> <input type="hidden" clientidmode="Static" id="RadDock_Phone_showtorequesteronly" runat="server" value="0" /> <table> <tr> <td class="hdpLabel"> <telerik:RadCodeBlock ID="RadCodeBlock17" runat="server"> <label id="txtPhone_lbl"> <%= Resources.Ticket.Phone%></label><label><%= Resources.Common.Label_colon%></label></telerik:RadCodeBlock> </td> <td style="text-align: left" width="60%"> <telerik:RadTextBox ID="txtPhone" runat="server" Width="175px" Height="15px" ReadOnly="true" /> </td> </tr> </table> </div> </ContentTemplate> </telerik:RadDock> <telerik:RadDock Title="<%$ Code:Resources.Ticket.Email%>" ID="RadDock_Email" runat="server" Width="50%" DockMode="Docked" DefaultCommands="Close" OnClientCommand="Dock_OnClientCommand" OnClientDockPositionChanged="Dock_OnClientDockPositionChanged"> <ContentTemplate> <div runat="server" id="RadDock_phn_email"> <input type="hidden" clientidmode="Static" id="RadDock_Email_showtorequesteronly" runat="server" value="0" /> <table> <tr> <td class="hdpLabel"> <telerik:RadCodeBlock ID="RadCodeBlock18" runat="server"> <label id="txtEmail_lbl"> <%= Resources.Ticket.Email%></label><label><%= Resources.Common.Label_colon%></label></telerik:RadCodeBlock> </td> <td style="text-align: left" width="60%"> <telerik:RadTextBox ID="txtEmail" runat="server" Width="175px" Height="15px" ReadOnly="true" /> </td> </tr> </table> </div> </ContentTemplate> </telerik:RadDock> </telerik:RadDockZone> </div> </telerik:RadPageView><td id="DynamicLayout_Header" runat="server" class="avail_list"> <telerik:RadPanelBar runat="server" ID="CustomFieldPanel" Width="100%" Height="100%" Skin="Telerik"> <Items> <telerik:RadPanelItem> <ContentTemplate> <table cellpadding="2" cellspacing="0"> <tr class="tplHead"> <td style="text-align: center;"> <b> <%=Resources.Common.Select_Field %></b> </td> <td> <img id="imgKeywords" src="../Content/images/help_tpl.png" alt="" title="" style="vertical-align: bottom;" /> <telerik:RadToolTip ID="tooltip" RelativeTo="Element" runat="server" TargetControlID="imgKeywords" Animation="Slide" Position="MiddleLeft" IsClientID="true" ShowCallout="false" EnableShadow="false" HideDelay="100" ShowDelay="100" AutoCloseDelay="100000"> <div style="width: 300px; height: auto"> <label> <%=Resources.CustomTemplate.TplHelp%></label></div> </telerik:RadToolTip> </td> </tr> <tr> <td colspan="2"> <hr /> </td> </tr> <tr> <td colspan="2"> <telerik:RadDockZone ClientIDMode="Static" ID="RadDockZone_FieldList" UniqueName="RadDockZone_FieldList" runat="server" Height="498px" Width="145px"> </telerik:RadDockZone> </td> </tr> </table> </ContentTemplate> </telerik:RadPanelItem> </Items> </telerik:RadPanelBar> </td>see my screen shot.
The first part of coding is Custom field move them
Second part of coding is List of field drag and drop.
When i have move the field background color is yellow.
How to change that color? for Ex: Yellow to Blue
Java script & J query below the coding
function DockpageLoad() {debugger $(".rdTitleBar").html(" "); $(".rdTop").addClass("rdGripTop"); var Zone = $find('<%= RadDockZone_FieldList.ClientID%>'); if (Zone != null) { var myDock = Zone.get_docks(); for (var i = 0; i < myDock.length; i++) { if (myDock[i]._dockZoneID == "<%= RadDockZone_FieldList.ClientID%>") { var xDock = replaceCharacters(myDock[i]._uniqueID); $("#" + xDock + "_T").html("<EM style='WIDTH: 93px'>" + $("#" + xDock + "_C label").html() + "</EM>"); $("#" + $(".rdTitleBar").attr('id')).removeClass("rdGripTop"); } } } } function Dock_OnClientDockPositionChanged(sender, eventArgs) { var xDock = replaceCharacters(sender._uniqueID); if (sender._dockZoneID == "<%= RadDockZone_FieldList.ClientID%>") { //collaps sender.set_collapsed(true); if (xDock.indexOf('_CustomFieldPanel_')) { $("#" + xDock + "_T").html('<EM style="WIDTH: 93px">' + $("#" + xDock + "_C label").html() + '</EM>'); $("#" + $(".rdTitleBar").attr('id')).removeClass("rdGripTop"); } } else { //expend sender.set_collapsed(false); $("#" + xDock + "_T").html(" "); $(".rdTop").addClass("rdGripTop"); sender.set_width(sender._width); } } function Dock_OnClientCommand(sender, eventArgs) { if (sender.get_dockZone()._uniqueName != "RadDockZone_FieldList") { //find selected dock and move to fieldlist var Zone = sender.get_dockZone(); for (var i = 0; i < Zone.get_docks().length; i++) { if (Zone.get_docks()[i]._uniqueID == sender._uniqueID) { var FZone = $find('<%= RadDockZone_FieldList.ClientID%>'); FZone.dock(Zone.get_docks()[i]); } } //set closed false sender.set_closed(false); sender.set_collapsed(true); //Hide close button sender.get_commands().Close.set_visible(false); } }function closeDock(pDock, pZone) { if (pZone != "RadDockZone_FieldList") { var sender = $find(pDock); //find selected dock and move to fieldlist var Zone = sender.get_dockZone(); for (var i = 0; i < Zone.get_docks().length; i++) { if (Zone.get_docks()[i]._uniqueID == sender._uniqueID) { var FZone = $find('<%= RadDockZone_FieldList.ClientID%>'); FZone.dock(Zone.get_docks()[i]); } } //set closed false sender.set_closed(false); sender.set_collapsed(true); $("#" + pDock + "_T").html('<EM style="WIDTH: 93px">' + $("#" + pDock + "_C label").html() + '</EM>'); $("#" + $(".rdTitleBar").attr('id')).removeClass("rdGripTop"); //Hide close button } return false; } $(".rdTable").bind({ mouseover: function () { var myZone = this.parentNode.parentNode.id; var myDock = this.parentNode.id; if (myZone != "<%= RadDockZone_FieldList.ClientID%>") { try { var chkDelIcon = $("#" + myDock + "_T").html().split('closeDock'); if (chkDelIcon.length <= 1) { // check length of delete and append $("#" + myDock + "_T").append("<a href='#'><img onClick='closeDock(\"" + myDock + "\",\"" + myZone + "\")' style='margin:0px;border:0px solid red;cursor:pointer;' id='closeDock1' src='../Content/images/dock_close.png' alt='close' /></a>"); } } catch (er) { } } }, mouseleave: function () { var myZone = this.parentNode.parentNode.id; var myDock = this.parentNode.id; if (myZone != "<%= RadDockZone_FieldList.ClientID%>") { $("#" + myDock + "_T").append("<div style='display:none;'> </div>").empty(); } } });Regards,
Ansari
2 Answers, 1 is accepted
0
Hi Tamim,
If I understand you correctly, you want to change the highlight color when a RadDock is hovered over a RadDockZone. You can do this via the HighlightedCssClass property of a dock zone control as show in the online demo Dock / Zone Highlighting.
Kind regards,
Slav
the Telerik team
If I understand you correctly, you want to change the highlight color when a RadDock is hovered over a RadDockZone. You can do this via the HighlightedCssClass property of a dock zone control as show in the online demo Dock / Zone Highlighting.
Kind regards,
Slav
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.
0
Tamim
Top achievements
Rank 1
Rank 1
answered on 22 Oct 2012, 01:05 PM
Thanks for ur reply Slav
Thanks,
Ansari.
Thanks,
Ansari.