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

How could i change field background color

2 Answers 77 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Tamim
Top achievements
Rank 1
Tamim asked on 01 Sep 2012, 05:02 AM

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

Sort by
0
Slav
Telerik team
answered on 05 Sep 2012, 11:26 AM
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 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
answered on 22 Oct 2012, 01:05 PM
Thanks for ur reply Slav

Thanks,
Ansari.
Tags
Dock
Asked by
Tamim
Top achievements
Rank 1
Answers by
Slav
Telerik team
Tamim
Top achievements
Rank 1
Share this question
or