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

How could i change field background color

2 Answers 119 Views

Dock

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

Tamim asked on 01 Sep 2012, 05:02 AM

<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

How could i change field background color

2 Answers, 1 is accepted