How could i change field background color

3 posts, 0 answers
  1. Tamim
    Tamim avatar
    64 posts
    Member since:
    May 2011

    Posted 01 Sep 2012 Link to this post


    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. Slav
    Admin
    Slav avatar
    1356 posts

    Posted 05 Sep 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Tamim
    Tamim avatar
    64 posts
    Member since:
    May 2011

    Posted 22 Oct 2012 Link to this post

    Thanks for ur reply Slav

    Thanks,
    Ansari.
Back to Top