Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

jquery is applied to first gridview (table) but not to the second one

Posted on 2013-02-04
19
Medium Priority
?
629 Views
Last Modified: 2013-02-04
The following jQuery gets applied to one table that meets the criteria, but a second table also meets the criteria and is not getting the jquery applied.  Not sure why.

jquery:
 $(document).ready(function () {
      
        $('.grid_view_header th:eq(1)').css({
            textAlign: 'left'
        });
    });

Open in new window



page source (the rendered html at runtime):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
	Pyramid Platform
</title><link rel="SHORTCUT ICON" href="App_Themes/images/UI/favicon.ico" /><link href="App_Themes/css/persistant.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="Scripts/jquery-1.3.2.min.js" ></script><!-- JQuery Main File-->
    <script type="text/javascript" src="App_Themes/js/drop_down_menu.js"></script><!-- For Collapse and Expand -->
    <script type="text/javascript" src="Scripts/jquery_animatedcollapse.js"></script><!-- For Collapse and Expand -->
    <script type="text/javascript" src="App_Themes/js/shadowbox.js"></script><!-- For Shadowbox -->
    <script type="text/javascript" src="Scripts/Reo.js"></script>
    <script type="text/javascript" src="Scripts/jquery.bt.min.js"></script><!-- For BeautyTip -->
    <script type="text/javascript" src="Scripts/excanvas.js"></script><!-- For BeautyTip to work in IE -->
    <script type="text/javascript" src="Scripts/jQueryDatePicker/jquery-ui-1.8.5.custom.min.js"></script><!-- For DatePicker-->
    <script type="text/javascript" src="Scripts/jquery.maskedinput-1.3.js"></script>
        

    <!--[if IE]>   <link rel="stylesheet" type="text/css" href="App_Themes/css/persistant_ie.css" />  <![endif]-->
    <!--[if IE 8]> <link rel="stylesheet" type="text/css" href="App_Themes/css/persistant_ie8.css" /> <![endif]-->
    <!--[if IE 7]> <link rel="stylesheet" type="text/css" href="App_Themes/css/persistant_ie7.css" /> <![endif]-->
    <!--[if IE 6]> <link rel="stylesheet" type="text/css" href="App_Themes/css/persistant_ie6.css" /> <![endif]-->
    <!--[if IE 9]> <link rel="stylesheet" type="text/css" href="App_Themes/css/persistant_ie9.css" /> <![endif]-->


    <script type="text/javascript">

        // This funtion Triggers the Drop Down Menu
        $(document).ready(function() {
            $("ul.sf-menu").superfish().find('ul').bgIframe({ opacity: false });
        });

        // This initializes th shadowbox system
        Shadowbox.init({
            players: ["iframe", "html"]
        });

        //This function is required for reregistering jQuery stuff after partial postback
        $(document).ready(function() {
            Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

            function EndRequestHandler(sender, args) {
                $('.mydatepickerclass').datepicker();
            }

        });

        //For Refrshing Queue page from this page
        function CloseAndRefreshPopUP() {
            if (parent != null) {
                window.close();
                parent.RefreshParentMain();
            }
            else {
                Shadowbox.close();
            }
        }

        function Refresh() {
            __doPostBack('', 'POPUP');
        }
    </script>
    
</head>
<body id="brighton" class="no-asset" onbeforeunload="return OnCancelDeleteMain();">

    <form method="post" action="Main.aspx?MenuId=537&amp;AssetTaskID=2760316-1&amp;RepairBidIDSID=14043-1&amp;RepairBidFormIDSID=3591-1" id="frmMain" enctype="multipart/form-data">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTEzMzcxNTY3NQ9kFgICAw8WAh4HZW5jdHlwZQUTbXVsdGlwYXJ0L2Zvcm0tZGF0YRYEAgMPZBYCAgEPZBYEAgUPDxYCHgRUZXh0BQ1EYXZlIEJ5dGhld2F5ZGQCBw8QDxYGHg1EYXRhVGV4dEZpZWxkBQRSb2xlHg5EYXRhVmFsdWVGaWVsZAUGUm9sZUlEHgtfIURhdGFCb3VuZGdkEBUCEVNlbmlvciBNYW5hZ2VyLUw0BUFkbWluFQICMTMBMxQrAwJnZxYBAgFkAgUPZBYCAgEPZBYGAgEPZBYCAgEPZBYCAgEPEGRkFCsBAWZkAgkPZBYCZg9kFhACAQ8PFgIfAQUPYmlkIDIgY29udCBuYW1lZGQCAw8PFgIfAQUBM2RkAgUPDxYCHwEFBjQzMi4wMGRkAgcPDxYCHwEFClVuYXNzaWduZWRkZAIJDxYCHgRocmVmBR5+L1ZpZXdEb2MuQXNweD9Eb2NJRD0yMDAwMDMyLTFkAgsPPCsAEQIADxYEHwRnHgtfIUl0ZW1Db3VudAIBZAEQFgAWABYAFgJmD2QWAgIBDw9kFgIeB29uQ2xpY2sFcEhpZ2hMaWdodEdWUm93KCdjdGwwOV9ndlJlcGFpcl9jdGwwMicsICdjdGwwOV9ndlJlcGFpcl9jdGwwMl9oZFNlbGVjdGVkUm93JywgJ2N0bDA5X2d2UmVwYWlyX2N0bDAyX2hkT2xkU3R5bGUnKTsWCgIBD2QWAgIBDw8WAh8BBQZDYXJwZXRkZAICD2QWAgIBDw8WAh4LTWVzc2FnZVRleHQFGmNhcnBldCBjbGVhbmluZyAxIEZlYiAyMDEzZBYEAgEPDxYCHwEFGmNhcnBldCBjbGVhbmluZyAxIEZlYiAyMDEzFgIeBVN0eWxlBTpkaXNwbGF5OmJsb2NrO3BhZGRpbmc6MDtvdmVyZmxvdzpoaWRkZW47d2lkdGg6MHB4O2hlaWdodDo7ZAIDDxYCHgV0aXRsZQUaY2FycGV0IGNsZWFuaW5nIDEgRmViIDIwMTMWAgIBDw9kFgIeBm9ubG9hZAVpc2Nyb2xsRGV0ZWN0KCdjdGwwOV9ndlJlcGFpcl9jdGwwMl9pY29uRGV0YWlsc19pbWdQb3B1cCcsICdjdGwwOV9ndlJlcGFpcl9jdGwwMl9pY29uRGV0YWlsc19sYmxNZXNzYWdlJyk7ZAIDD2QWAgIBDxAPFgIeB0NoZWNrZWRnZGRkZAIED2QWAgIBDw8WAh8BBQEyZGQCBQ9kFgICAQ8PFgIfAQUGMjIyLjAwZGQCDQ88KwARAgAPFgQfBGcfBgIBZAEQFgAWABYAFgJmD2QWAgIBDw9kFgIfBwV/SGlnaExpZ2h0R1ZSb3coJ2N0bDA5X2d2UmVjb21tZW5kZWRfY3RsMDInLCAnY3RsMDlfZ3ZSZWNvbW1lbmRlZF9jdGwwMl9oZFNlbGVjdGVkUm93JywgJ2N0bDA5X2d2UmVjb21tZW5kZWRfY3RsMDJfaGRPbGRTdHlsZScpOxYKAgEPZBYCAgEPDxYCHwEFBkNhcnBldGRkAgIPZBYCAgEPDxYCHwgFIGNhcnBldCBwYWQgcmVwIG90aGVyIGNvbnRyIDMyMTIyZBYEAgEPDxYCHwEFIGNhcnBldCBwYWQgcmVwIG90aGVyIGNvbnRyIDMyMTIyFgIfCQU6ZGlzcGxheTpibG9jaztwYWRkaW5nOjA7b3ZlcmZsb3c6aGlkZGVuO3dpZHRoOjBweDtoZWlnaHQ6O2QCAw8WAh8KBSBjYXJwZXQgcGFkIHJlcCBvdGhlciBjb250ciAzMjEyMhYCAgEPD2QWAh8LBXNzY3JvbGxEZXRlY3QoJ2N0bDA5X2d2UmVjb21tZW5kZWRfY3RsMDJfaWNvbkRldGFpbHNfaW1nUG9wdXAnLCAnY3RsMDlfZ3ZSZWNvbW1lbmRlZF9jdGwwMl9pY29uRGV0YWlsc19sYmxNZXNzYWdlJyk7ZAIDD2QWAgIBDxAPFgIfDGdkZGRkAgQPZBYCAgEPDxYCHwEFATJkZAIFD2QWAgIBDw8WAh8BBQYyMTAuMDBkZAIRD2QWAmYPZBYCAgEPZBYCAgEPDxYGHgtBc3NldFRhc2tJRAL8vKgBHgxBc3NldFRhc2tTSUQCAR4NQ29udHJvbExvYWRlZGdkFgJmD2QWAmYPZBYCAgMPFgIeB1Zpc2libGVoFgJmD2QWAmYPZBYCAgEPFgIfBmZkAgsPZBYCAgMPZBYCAgEPDxYCHg1PbkNsaWVudENsaWNrBSFIaWRlQnV0dG9uKCdjdGwwOV9zcG5TdWJtaXRCdG4nKTtkZBgCBRNjdGwwOSRndlJlY29tbWVuZGVkDzwrAAwBCAIBZAUOY3RsMDkkZ3ZSZXBhaXIPPCsADAEIAgFkDpnANXUHxNCGQIorFGSUXxl7g45F3z3xdkn1xjJRXnQ=" />
</div>

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['frmMain'];
if (!theForm) {
    theForm = document.frmMain;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>


<script src="/Reo/WebResource.axd?d=egLUKV-1oWoV3JJQvquL4Ppgoid5FeLWhxE41kwp9ZtbA97L3qM49IyTgjVnhRJi8NKp0oqj8ndUl0Zbm7fu2a3LhMWdVruBsmVTJHt-3Bg1&amp;t=634932978260943537" type="text/javascript"></script>


<script src="/Reo/ScriptResource.axd?d=dpWhqQ2-eAqoQ7QOYQeMSwVsB3yRK2a6oAB25oYTJF4Qdj4j2KKKyTG_FcVRplwqAKyggcumfhxktCZKxbjapTtY-3ZXhyW_Oe9nk98sWNo3MdZcP_lWsuC_N4zM2dMAiTTb6zR3ZnZrKh4mwuxjmcv4HM6N8EAcwC9nINERJ4dBBUhcqhen9VAqmrAvPUpm0&amp;t=ffffffff940d030f" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>

<script src="/Reo/ScriptResource.axd?d=ZD4T25NAHEj9dFZ10_LD2c-v8BmH_oHpAi-e_qfb_Sal8-hPOzrZAQm1b3RwTM6UhwelBujcx3uyFh9dZvFDrkXW251Aybu31OylqzcZ1xGeqRLiqpyv6j8sxV6fRlksSx7uq3YwdsALuwG73DI2MvFI3I1iYJmiEWCHBnKaZGgCrtC9o6aheC_dHXl_lkQv0&amp;t=ffffffff940d030f" type="text/javascript"></script>
<div class="aspNetHidden">

	<input type="hidden" name="__SCROLLPOSITIONX" id="__SCROLLPOSITIONX" value="0" />
	<input type="hidden" name="__SCROLLPOSITIONY" id="__SCROLLPOSITIONY" value="0" />
</div>

    
    <script type="text/javascript">
        var validateon = false;
        function OnCancelDeleteMain()
	    {
	        if(validateon)
	        {
	            if  (window.event.clientX <0 || window.event.clientY <0)
                {
                   return "All information not submitted will be discarded?";
                }
	        }
	    }
    </script>
    
    

    
    <script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ScriptManagerMain', 'frmMain', ['tctl09$UpdatePanel1','','tctl09$uplAddlInst$panelUploadFile','','tctl09$photoBar1$OuterUpdatePanel',''], [], ['ctl09$uplAddlInst$btnUpload',''], 90, '');
//]]>
</script>

    
    
    
    
      <div id="header">
        <!-- Header Includes Logo, Main Naviagtion, User Name, Timer and Quick Search -->
    


    <div id="branding">
        <div class="logo"><!-- This div is needed for branding, it is always empty --></div>
        
        <div id="ctl10_navigation">
            
   	  	<ul class='sf-menu'><li><a href='Dashboard.aspx?MenuId=126'>Home</a></li><li><a href='Main.aspx?MenuId=534'>Agent Form Edit</a></li><li><a href='Popup.aspx?MenuId=537'>Repair Bid Detail</a></li><li><a href='ResetPassword.aspx?MenuId=235'>Change Password</a></li><li><a href='#' class='nav_drop_down'>Work Flow</a><ul><li><a href='Main.aspx?MenuId=344'>TaskWorkflowClone</a></li><li><a href='Main.aspx?MenuId=135'>Add Work Flow Description</a></li><li><a href='Main.aspx?MenuId=128'>Add Work Flow Tasks</a></li><li><a href='Main.aspx?MenuId=140'>Setup Task Matrix</a></li><li><a href='Main.aspx?MenuId=141'>System Tasks</a></li><li><a href='Main.aspx?MenuId=171'>Object Joins</a></li><li><a href='Main.aspx?MenuId=310'>Role Matrix</a></li><li><a href='Main.aspx?MenuId=314'>Approval Level</a></li><li><a href='Main.aspx?MenuId=337'>Task Scheduler</a></li><li><a href='Main.aspx?MenuId=338'>Cancel Task Matrix</a></li><li><a href='Main.aspx?MenuId=475'>Product Matrix</a></li></ul></li><li><a href='#' class='nav_drop_down'>Expenses</a><ul><li><a href='Main.aspx?MenuId=463'>Check Upload</a></li><li><a href='Main.aspx?MenuId=428'>Expense Sub Category Setup</a></li><li><a href='Main.aspx?MenuId=429'>Expense Client Defined Setup</a></li><li><a href='Main.aspx?MenuId=343'>ExpenseClone</a></li><li><a href='Main.aspx?MenuId=39'>Expense Queue</a></li><li><a href='Main.aspx?MenuId=90'>Find Expense</a></li><li><a href='Main.aspx?MenuId=88'>Upload Checks</a></li><li><a href='Main.aspx?MenuId=24'>Bulk Upload</a></li><li><a href='Main.aspx?MenuId=45'>Export Expenses</a></li><li><a href='Main.aspx?MenuId=46'>Export Expenses -- History</a></li><li><a href='Main.aspx?MenuId=99'>Export Expenses -- Asset Level</a></li><li><a href='Main.aspx?MenuId=100'>Export Mgmt Fees</a></li><li><a href='Main.aspx?MenuId=101'>Export Mgmt Fees --  History</a></li><li><a href='Main.aspx?MenuId=48'>Threshold Billings</a></li><li><a href='Main.aspx?MenuId=241'>BrokerAgent Data Change Report</a></li><li><a href='Main.aspx?MenuId=365'>Payee Finder</a></li><li><a href='Main.aspx?MenuId=426'>Add Vendor</a></li></ul></li><li><a href='#' class='nav_drop_down'>Rules Engine</a><ul><li><a href='Main.aspx?MenuId=97'>Rules Management</a></li><li><a href='Main.aspx?MenuId=109'>Rule Template</a></li><li><a href='Popup.aspx?MenuId=123'>Add Module</a></li></ul></li><li><a href='#' class='nav_drop_down'>Tools</a><ul><li><a href='Main.aspx?MenuId=79'>Role Assignment</a></li><li><a href='Main.aspx?MenuId=425'>DocSecurity</a></li><li><a href='Main.aspx?MenuId=448'>Pool Settings Template</a></li><li><a href='Main.aspx?MenuId=461'>Asset Copy</a></li><li><a href='Main.aspx?MenuId=430'>Element Management</a></li><li><a href='Main.aspx?MenuId=360'>ExceptionLog</a></li><li><a href='Main.aspx?MenuId=92'>Email Notification</a></li><li><a href='Main.aspx?MenuId=33'>Users</a></li><li><a href='Main.aspx?MenuId=34'>Reset Cache</a></li><li><a href='Main.aspx?MenuId=38'>Merchants</a></li><li><a href='Main.aspx?MenuId=14'>Page Management</a></li><li><a href='main.aspx?MenuId=389'>Task Recovery</a></li><li><a href='Main.aspx?MenuId=133'>Agent Finder</a></li><li><a href='Main.aspx?MenuId=139'>AuditXref Setup</a></li><li><a href='Main.aspx?MenuId=153'>Audit Log</a></li><li><a href='Main.aspx?MenuId=350'>Vacant Property Registration</a></li><li><a href='Main.aspx?MenuId=358'>Referral Broker Mgnt</a></li><li><a href='Main.aspx?MenuId=364'>System Task Matrix</a></li><li><a href='Main.aspx?MenuId=371'>System Messaging</a></li><li><a href='Main.aspx?MenuId=372'>System Task Config</a></li><li><a href='Main.aspx?MenuId=533'>Agent Form Add</a></li></ul></li><li><a href='#' class='nav_drop_down'>Reports</a><ul><li><a href='Main.aspx?MenuId=529'>Failed Sale Report</a></li><li><a href='Main.aspx?MenuId=456'>Billing</a></li><li><a href='Main.aspx?MenuId=459'>Resolute Summary Report</a></li><li><a href='Main.aspx?MenuId=462'>Title Issues Report</a></li><li><a href='Main.aspx?MenuId=464'>Winterization Report</a></li><li><a href='Main.aspx?MenuId=465'>Repair Analysis Report</a></li><li><a href='Main.aspx?MenuId=176'>KPI Yearly</a></li><li><a href='Main.aspx?MenuId=155'>Closed</a></li><li><a href='Main.aspx?MenuId=158'>Status</a></li><li><a href='Main.aspx?MenuId=159'>KPI - Finance Type</a></li><li><a href='Main.aspx?MenuId=168'>KPI Summary Report</a></li><li><a href='Main.aspx?MenuId=172'>Summary By State Report</a></li><li><a href='Main.aspx?MenuId=149'>Aged Listing</a></li><li><a href='Main.aspx?MenuId=150'>Asset Summary</a></li><li><a href='Main.aspx?MenuId=146'>Under Contract</a></li><li><a href='Main.aspx?MenuId=147'>Portfolio Overview</a></li><li><a href='Main.aspx?MenuId=466'>Eviction Detail</a></li><li><a href='Main.aspx?MenuId=152'>Eviction</a></li><li><a href='Main.aspx?MenuId=156'>Aged Eviction</a></li><li><a href='Main.aspx?MenuId=157'>Eviction Timeline</a></li><li><a href='Main.aspx?MenuId=325'>Accounting Approval</a></li><li><a href='Main.aspx?MenuId=322'>Accounting Closed</a></li><li><a href='Main.aspx?MenuId=326'>Transferred Redeemed</a></li><li><a href='Main.aspx?MenuId=319'>Report Management</a></li><li><a href='Main.aspx?MenuId=327'>Expense By Vendor</a></li><li><a href='Main.aspx?MenuId=328'>Expense By Client</a></li><li><a href='Main.aspx?MenuId=329'>Denied With Check</a></li><li><a href='Main.aspx?MenuId=321'>Run Data Reports</a></li><li><a href='Main.aspx?MenuId=433'>Selene Summary Report</a></li><li><a href='Main.aspx?MenuId=445'>Pending Expenses</a></li></ul></li><li><a href='Main.aspx?MenuId=15' class='nav_drop_down'>Assets</a><ul><li><a href='Main.aspx?MenuId=35'>Lookup Assets</a></li><li><a href='Main.aspx?MenuId=36'>Load Assets</a></li></ul></li></ul></div>
        
        <div id="header_date">
        	<table>
            	<tr>
            	    <td><strong><a id="ctl10_lnkLogout" href="javascript:__doPostBack(&#39;ctl10$lnkLogout&#39;,&#39;&#39;)">Logout</a></strong></td>
                	<td>
                    	<strong><span id="ctl10_lblUserName">Dave Bytheway</span></strong>
                    </td>
                    <td>
                        <select name="ctl10$lblRoles" onchange="javascript:setTimeout(&#39;__doPostBack(\&#39;ctl10$lblRoles\&#39;,\&#39;\&#39;)&#39;, 0)" id="ctl10_lblRoles">
	<option value="13">Senior Manager-L4</option>
	<option selected="selected" value="3">Admin</option>

</select>
                    </td>
                	<td id="ctl10_tdToolTip">
                    	<a href="#" class="quick_search" id="tooltip_quick_search" onclick="SetQuickSearchFocus();" ><span>QUICK SEARCH</span></a> 
                    </td>

                </tr>
            </table>
        </div>
        
    </div>
    


</div>
    <div id="content">
    

<script type="text/javascript" src="~/Scripts/jQueryDatePicker/jquery-ui-1.8.5.custom.min.js"></script>

<script type="text/javascript">


    $(document).ready(function () {
      
        $('.grid_view_header th:eq(1)').css({
            textAlign: 'left'
        });
    });

     

     		
    </script>


<div id="frame">
    <div id="frame_header">
        

                <div id="frame_navigation">
        	        <ul id="ctl09_AssetFrameNavigation1_tabList">
            	       <!-- <li><a href="test.html" title="tasks" class="frame_tab" rel="shadowbox[test]">Tasks</a></li>
            	        <li><a href="http://google.com" title="Test" class="frame_tab" rel="shadowbox[test]">Asset</a></li>
            	        <li><a href="http://google.com" title="Test" class="frame_tab" rel="shadowbox[test]">Marketing</a></li>
            	        <li><a href="http://google.com" title="Test" class="frame_tab_current" rel="shadowbox[test]">Valuation</a></li>
            	        <li><a href="http://google.com" title="Test" class="frame_tab" rel="shadowbox[test]">Photos/Docs</a></li>
            	        <li><a href="http://google.com" title="Test" class="frame_tab" rel="shadowbox[test]">Comments</a></li>
            	        <li><a href="http://google.com" title="Test" class="frame_tab" rel="shadowbox[test]">Property Preservation</a></li>
            	        <li><a href="http://google.com" title="Test" class="frame_tab" rel="shadowbox[test]">Eviction</a></li>
            	        <li><a href="http://google.com" title="Test" class="frame_tab" rel="shadowbox[test]">Inspections</a></li>
            	        <li><a href="http://google.com" title="Test" class="frame_tab" rel="shadowbox[test]">Agent Forms</a></li>
            	        <li><a href="http://google.com" title="Test" class="frame_tab" rel="shadowbox[test]">Closing Title</a></li>-->
                        <li class="frame_navigation_no_tab">
                	        
                        </li>
                    </ul>
                </div>
        <!-- This is the frame main navigation tabs -->
        <div id="frame_title">
            <h1>
                <span id="ctl09_lblPageTitle">Repair Bid Detail</span></h1>
            <!-- Page title -->
        </div>
    </div>
    <div id="corpus">
        <!-- This is where the content of each page should go -->
        <div id="ctl09_divInstructions">
            <p>
                <b id="ctl09_pInstructions"></b>
            </p>
        </div>
        
        <div id="ctl09_UpdatePanel1">
	
                <h6>
                </h6>
                <table class="layout_table">
                    <tr>
                        <td>
                            <label>
                                Contractor Name:</label>
                        </td>
                        <td>
                            <span id="ctl09_LabelContractorName">bid 2 cont name</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Estimated Completion Days:</label>
                        </td>
                        <td>
                            <span id="ctl09_LabelEstimatedCompletionDays">3</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Bid Total:</label>
                        </td>
                        <td>
                            <span id="ctl09_LabelBidTotal">432.00</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Bid Status</label>
                        </td>
                        <td>
                            <span id="ctl09_LabelBidStatus">Unassigned</span>
                            
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Bid Document</label>
                        </td>
                        <td>
                                  <a href="ViewDoc.Aspx?DocID=2000032-1" id="ctl09_linkViewDocument">PDF</a>
                        </td>
                    </tr>
                    <div class="Form">
                </table>
                  <h6>Repair Items</h6>
                <div>
		<table class="grid_view" cellspacing="0" id="ctl09_gvRepair" style="border-collapse:collapse;">
			<tr class="grid_view_header">
				<th scope="col"><a href="javascript:__doPostBack(&#39;ctl09$gvRepair&#39;,&#39;Sort$RepairItemID&#39;)">Repair Item</a></th><th scope="col"><a href="javascript:__doPostBack(&#39;ctl09$gvRepair&#39;,&#39;Sort$Details&#39;)">Details</a></th><th scope="col"><a href="javascript:__doPostBack(&#39;ctl09$gvRepair&#39;,&#39;Sort$Active&#39;)">Include</a></th><th scope="col"><a href="javascript:__doPostBack(&#39;ctl09$gvRepair&#39;,&#39;Sort$Qty&#39;)">Bid 1 Qty</a></th><th scope="col"><a href="javascript:__doPostBack(&#39;ctl09$gvRepair&#39;,&#39;Sort$Amt&#39;)">Bid 1 Amt</a></th><th scope="col">&nbsp;</th>
			</tr><tr id="ctl09_gvRepair_ctl02" onClick="HighLightGVRow(&#39;ctl09_gvRepair_ctl02&#39;, &#39;ctl09_gvRepair_ctl02_hdSelectedRow&#39;, &#39;ctl09_gvRepair_ctl02_hdOldStyle&#39;);">
				<td style="width:100px;">                                
                                <span id="ctl09_gvRepair_ctl02_lblItems" style="display:inline-block;width:150px;">Carpet</span>
                            </td><td>
                                

<table style="margin: 0; padding: 0; ">
    <tr style="margin: 0; padding: 0;">
        <td style="margin: 0; padding: 0; float: right;"><span id="ctl09_gvRepair_ctl02_iconDetails_lblMessage" style="display:block;padding:0;overflow:hidden;width:0px;height:;">carpet cleaning 1 Feb 2013</span></td>
        <td style="margin: 0; padding: 0;">
            <div id="ctl09_gvRepair_ctl02_iconDetails_divMessage" style="display: block; width: 17px; height: 18px; " title="carpet cleaning 1 Feb 2013">
                <img id="ctl09_gvRepair_ctl02_iconDetails_imgPopup" onload="scrollDetect(&#39;ctl09_gvRepair_ctl02_iconDetails_imgPopup&#39;, &#39;ctl09_gvRepair_ctl02_iconDetails_lblMessage&#39;);" src="Images/dot_dot_dot.gif" />
            </div>
        </td>
    </tr>
</table>





                            </td><td style="width:50px;">
                                <span class="aspNetDisabled"><input id="ctl09_gvRepair_ctl02_chkActive" type="checkbox" name="ctl09$gvRepair$ctl02$chkActive" checked="checked" disabled="disabled" /></span>
                            </td><td>
                                 <span id="ctl09_gvRepair_ctl02_lblQty1">2</span>
                                <span id="ctl09_gvRepair_ctl02_lblUnitDesc1"></span>
                            </td><td style="width:100px;">
                                <span id="ctl09_gvRepair_ctl02_lblAmt1">222.00</span>
                            </td><td>
                                
                            </td><td><input type="hidden" name="ctl09$gvRepair$ctl02$hdSelectedRow" id="ctl09_gvRepair_ctl02_hdSelectedRow" /><input type="hidden" name="ctl09$gvRepair$ctl02$hdOldStyle" id="ctl09_gvRepair_ctl02_hdOldStyle" /></td>
			</tr><tr class="grid_view_footer">
				<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>Subtotals:</td><td>&nbsp;</td><td>&nbsp;</td>
			</tr>
		</table>
	</div>
                </div>
                <div class="Form">
                    <h6>
                        Other Contractor Recommended Repairs</h6>
                    <div>
		<table class="grid_view" cellspacing="0" id="ctl09_gvRecommended" style="border-collapse:collapse;">
			<tr class="grid_view_header">
				<th scope="col"><a href="javascript:__doPostBack(&#39;ctl09$gvRecommended&#39;,&#39;Sort$RepairItemID&#39;)">Repair Item</a></th><th scope="col"><a href="javascript:__doPostBack(&#39;ctl09$gvRecommended&#39;,&#39;Sort$Details&#39;)">Details</a></th><th scope="col"><a href="javascript:__doPostBack(&#39;ctl09$gvRecommended&#39;,&#39;Sort$Active&#39;)">Include</a></th><th scope="col"><a href="javascript:__doPostBack(&#39;ctl09$gvRecommended&#39;,&#39;Sort$Qty&#39;)">Bid 1 Qty</a></th><th scope="col"><a href="javascript:__doPostBack(&#39;ctl09$gvRecommended&#39;,&#39;Sort$Amt&#39;)">Bid 1 Amt</a></th><th scope="col">&nbsp;</th>
			</tr><tr id="ctl09_gvRecommended_ctl02" onClick="HighLightGVRow(&#39;ctl09_gvRecommended_ctl02&#39;, &#39;ctl09_gvRecommended_ctl02_hdSelectedRow&#39;, &#39;ctl09_gvRecommended_ctl02_hdOldStyle&#39;);">
				<td style="width:100px;">                                
                                <span id="ctl09_gvRecommended_ctl02_lblItems" style="display:inline-block;width:150px;">Carpet</span>
                            </td><td>
                                

<table style="margin: 0; padding: 0; ">
    <tr style="margin: 0; padding: 0;">
        <td style="margin: 0; padding: 0; float: right;"><span id="ctl09_gvRecommended_ctl02_iconDetails_lblMessage" style="display:block;padding:0;overflow:hidden;width:0px;height:;">carpet pad rep other contr 32122</span></td>
        <td style="margin: 0; padding: 0;">
            <div id="ctl09_gvRecommended_ctl02_iconDetails_divMessage" style="display: block; width: 17px; height: 18px; " title="carpet pad rep other contr 32122">
                <img id="ctl09_gvRecommended_ctl02_iconDetails_imgPopup" onload="scrollDetect(&#39;ctl09_gvRecommended_ctl02_iconDetails_imgPopup&#39;, &#39;ctl09_gvRecommended_ctl02_iconDetails_lblMessage&#39;);" src="Images/dot_dot_dot.gif" />
            </div>
        </td>
    </tr>
</table>





                            </td><td style="width:50px;">
                                <span class="aspNetDisabled"><input id="ctl09_gvRecommended_ctl02_chkActive" type="checkbox" name="ctl09$gvRecommended$ctl02$chkActive" checked="checked" disabled="disabled" /></span>
                            </td><td>
                                 <span id="ctl09_gvRecommended_ctl02_lblQty1">2</span>
                                <span id="ctl09_gvRecommended_ctl02_lblUnitDesc1"></span>
                            </td><td style="width:100px;">
                                <span id="ctl09_gvRecommended_ctl02_lblAmt1">210.00</span>
                            </td><td>
                                
                            </td><td><input type="hidden" name="ctl09$gvRecommended$ctl02$hdSelectedRow" id="ctl09_gvRecommended_ctl02_hdSelectedRow" /><input type="hidden" name="ctl09$gvRecommended$ctl02$hdOldStyle" id="ctl09_gvRecommended_ctl02_hdOldStyle" /></td>
			</tr><tr class="grid_view_footer">
				<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>Subtotals:</td><td>&nbsp;</td><td>&nbsp;</td>
			</tr>
		</table>
	</div>
                    <div id="divRprAddlInst">
                        <table width="100%">
                            <tr>
                                <td>
                                    <label>
                                        Additional Repair Instructions</label>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <textarea name="ctl09$txtAddlInst" rows="10" cols="20" id="ctl09_txtAddlInst" onblur="return ValidateString(this.id);" style="width:95%;">
</textarea>
                                </td>
                            </tr>
                        </table>
                        <table id="ctl09_tblInstructionsDoc">
		<tr>
			<td style="vertical-align: top;">
                                    <label>
                                        Additional Instructions Documentation:</label>
                                </td>
			<td>
                                    <div id="ctl09_uplAddlInst_panelUploadFile">
				
        <table id="ctl09_uplAddlInst_tblFileUpload">
					<tr>
						<td><input type="file" name="ctl09$uplAddlInst$fileUpload" id="ctl09_uplAddlInst_fileUpload" /></td>
						<td><span id="ctl09_uplAddlInst_spnBtnUpload" class="button"><input type="submit" name="ctl09$uplAddlInst$btnUpload" value="Upload" id="ctl09_uplAddlInst_btnUpload" /></span></td>
					</tr>
					<tr>
						<td><span id="ctl09_uplAddlInst_lblMessage"></span></td>
					</tr>
				</table>
				
               
    
			</div>


                                </td>
		</tr>
	</table>
	
                    </div>
                    <h6>Upload "Before" Photos</h6>
                    <table id="ctl09_tblAddPhotos" style="width:400px;">
		<tr>
			<td></td>
			<td id="ctl09_tdAddPhotos">
                                <span id="ctl09_spnLnkAddPhotos" class="button">
                                    <a id="ctl09_lnkAddPhotos" rel="shadowbox;height=600;width=1024" title="Add Photos" href="ContentControls/#">Add Photos</a>                          
                                </span>
                            </td>
		</tr>
	</table>
	
                            
                    

<script type="text/javascript">
    function SetHoverPhotoPath(path) {
        document.getElementById('imgHoverPhoto').src = path;
    }
    function DownloadZip(url) {
        location.href = "http://" + url;
        return true;
    }
    function ConfirmDelete() {
        if (confirm('Are you sure you want to delete this photo?') == true) {
            return true;
        }
        else {
            return false;
        }
    }
    function CheckBoxSelected(chkbox, photobar, hdnfield) {
        var thisCheckBox = $('#' + chkbox);
        var allPhotos = $('#' + photobar);
        var hiddenField = $('#' + hdnfield);
       
        if (thisCheckBox.attr('checked')) {
            allPhotos.find('input:checkbox').each(function () {
              
                if (thisCheckBox.attr('id') != this.id) {
                    $(this).attr('checked', false);
                }
            });
            hiddenField.val(chkbox);
        }

        else {
            hiddenField.val('');
        }

        return true;
        
    }
</script>

<div id="ctl09_photoBar1_divPhoto">
    <div id="ctl09_photoBar1_OuterUpdatePanel">
		
            <div id="ctl09_photoBar1_divPhotoButtons">
                
            </div>
            <div id="ctl09_photoBar1_divPhotoItems" class="photo_bar" style="display: block; width: 1230px; background-color: #f4f1ec; border: #666666 solid 1px; height: 240px; overflow: auto;">
                    <table cellspacing="5px" cellpadding="5px">
                        <tr>
                            
                        </tr>
                    </table>
                    <input type="hidden" name="ctl09$photoBar1$hdnCheckBoxID" id="ctl09_photoBar1_hdnCheckBoxID" />
            </div>
        
	</div>

</div>

<div id="ctl09_photoBar1_divHoverHidden" class="tooltipContent" style="padding: 10px;
    background-color: #333333; display: none;">
    <img id="imgHoverPhoto" src="../Images/spacer.gif" />
</div>          
                </div>
                
            
</div>



         <div id="ctl09_divSave" class="float_left">
            <table>
                <tr>
                    <td>
                        <span id="ctl09_spnSaveBtn" class="button">
                            <input type="submit" name="ctl09$btnSave" value="Save" id="ctl09_btnSave" />
                        </span>
                    </td>
                    <td>
                        <span id="ctl09_spnSubmitBtn" class="button">
                            <input type="submit" name="ctl09$btnSubmit" value="Save &amp; Submit" onclick="HideButton(&#39;ctl09_spnSubmitBtn&#39;);" id="ctl09_btnSubmit" />
                        </span>
                    </td>
                </tr>
            </table>
        </div>

        <div class="extender">
        </div>
    </div>
    <div id="footer">
    </div>
</div>
<div id="end_cap">
</div>
</div>
    

<div id="quick_search">
    <table>
        <tr>
            <td colspan="2" class="align_center">
                <label style="font-size: 14px;">
                    Quick Search</label><br />
                <label style="font-size: 10px; color: gray;">
                    (Type AssetID or Loan# or Address)</label>
            </td>
        </tr>
        <tr>
            <td style="padding: 5px;">
                <input name="Header1$txtQuickSearch" type="text" id="Header1_txtQuickSearch" class="QuickSearchTextBox" onblur="return ValidateString(this.id);" />
            </td>
            <td class="ver_align_middle" style="padding: 5px;">
                <span id="Header1_spnBtnQuickSearch" class="button">
                    <input type="submit" name="Header1$btnQuickSearch" value="Search" id="Header1_btnQuickSearch" class="input_button" />
                </span>
            </td>
        </tr>
    </table>
</div>

  

    <script type="text/javascript">
        //jQuery BeautyToolTip
        RefreshBeautyTip();
    </script>

    

    

<script type="text/javascript">
//<![CDATA[

theForm.oldSubmit = theForm.submit;
theForm.submit = WebForm_SaveScrollPositionSubmit;

theForm.oldOnSubmit = theForm.onsubmit;
theForm.onsubmit = WebForm_SaveScrollPositionOnSubmit;
//]]>
</script>
</form>
</body>
</html>
<script type="text/javascript">

    //   ----- Place Holder for TaskHistory !Do not remove or alter!

</script>

Open in new window


ASP.NET markup:
<%@ Control Language="C#" AutoEventWireup="True" CodeBehind="RepairBidDetail.ascx.cs"
    Inherits="Reo.ContentControls.RepairBidDetail" ClassName="RepairBidDetail" %>
<%@ Register Src="~/ContentControls/AssetFrameNavigation.ascx" TagName="AssetFrameNavigation"
    TagPrefix="uc2" %>
<%@ Register Assembly="Framework" Namespace="Framework.UIControls" TagPrefix="cc1" %>
<%@ Register TagPrefix="uc1" TagName="DateCalendar" Src="~/Controls/DateCalendar.ascx" %>
<%@ Register Src="~/Controls/AssetDoc_Upload.ascx" TagName="AssetDoc_Upload" TagPrefix="uc2" %>
<%@ Register TagPrefix="uc1" TagName="PhotoBar" Src="~/Controls/PhotoBar.ascx" %>
<%@ Register Src="~/Controls/AssetTaskAppr.ascx" TagName="AssetTaskAppr" TagPrefix="uc2" %>
<%@ Register TagPrefix="uc2" TagName="BigLabel" Src="~/Controls/BigLabel.ascx" %>

<script type="text/javascript" src="~/Scripts/jQueryDatePicker/jquery-ui-1.8.5.custom.min.js"></script>

<script type="text/javascript">


    $(document).ready(function () {
      
        $('.grid_view_header th:eq(1)').css({
            textAlign: 'left'
        });
    });

     

     		
    </script>


<div id="frame">
    <div id="frame_header">
        <uc2:AssetFrameNavigation ID="AssetFrameNavigation1" runat="server" />
        <!-- This is the frame main navigation tabs -->
        <div id="frame_title">
            <h1>
                <asp:Label ID="lblPageTitle" runat="server" Text="Repair Bid Detail" /></h1>
            <!-- Page title -->
        </div>
    </div>
    <div id="corpus">
        <!-- This is where the content of each page should go -->
        <div id="divInstructions" runat="server">
            <p>
                <b id="pInstructions" runat="server"></b>
            </p>
        </div>
        <div id="divTaskError" runat="server" visible="false">
            <h6>
                Form Errors</h6>
            <div id="errorPanel" class="warning list_item" runat="server">
            </div>
        </div>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
            <ContentTemplate>
                <h6>
                </h6>
                <table class="layout_table">
                    <tr>
                        <td>
                            <label>
                                Contractor Name:</label>
                        </td>
                        <td>
                            <asp:Label ID="LabelContractorName" runat="server"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Estimated Completion Days:</label>
                        </td>
                        <td>
                            <asp:Label ID="LabelEstimatedCompletionDays" runat="server"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Bid Total:</label>
                        </td>
                        <td>
                            <asp:Label ID="LabelBidTotal" runat="server"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Bid Status</label>
                        </td>
                        <td>
                            <asp:Label ID="LabelBidStatus" runat="server"></asp:Label>
                            <%--<cc1:DdlLookup ID="ddlPropertyCondition" HeaderCode="Condition" AllowUnassigned="true"
                                runat="server">
                            </cc1:DdlLookup>--%>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Bid Document</label>
                        </td>
                        <td>
                                  <a id="linkViewDocument" runat="server" href="">PDF</a>
                        </td>
                    </tr>
                    <div class="Form">
                </table>
                  <h6>Repair Items</h6>
                <cc1:GridviewFormatted ID="gvRepair" runat="server" AllowSorting="True" AllowPaging="False"
                    ShowFooter="true" PageSize="15" AutoGenerateColumns="false" OnRowDataBound="rowDataBound">
                    <Columns>
                        <asp:TemplateField Visible="false">
                            <ItemTemplate>
                                <asp:Label ID="repairItemIDSID" runat="server"></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Repair Item" ItemStyle-Width="100px" SortExpression="RepairItemID">
                            <ItemTemplate>                                
                                <asp:Label ID="lblItems" Width="150px" runat="server" Visible="true" Text='<%# Eval("RepairCategory") %>'/>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Details" SortExpression="Details">
                            <ItemTemplate>
                                <uc2:BigLabel ID="iconDetails" LabelWidth="0px" MessageText='<%# Eval("Details") %>'
                                    runat="server" Width="32px" Height="32px" />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Include" ItemStyle-Width="50px" SortExpression="Active">
                            <ItemTemplate>
                                <asp:CheckBox ID="chkActive" runat="server" Enabled="false" Checked='<%# Eval("Active") %>' />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Bid 1 Qty" SortExpression="Qty" FooterText="Subtotals:">
                            <ItemTemplate>
                                 <asp:Label ID="lblQty1" runat="server" Visible="true" Text='<%# Eval("Qty") %>'></asp:Label>
                                <asp:Label ID="lblUnitDesc1" runat="server"></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Bid 1 Amt" ItemStyle-Width="100px" SortExpression="Amt">
                            <ItemTemplate>
                                <cc1:LblCurrency ID="lblAmt1" runat="server" Visible="true" DecimalDigits="2" Text='<%# Eval("Amt") %>'></cc1:LblCurrency>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField>
                            <ItemTemplate>
                                <asp:Label ID="lblItemID" runat="server" Visible="false" />
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                </cc1:GridviewFormatted>
                </div>
                <div class="Form">
                    <h6>
                        Other Contractor Recommended Repairs</h6>
                    <cc1:GridviewFormatted ID="gvRecommended" runat="server" AllowSorting="True" AllowPaging="False"
                        ShowFooter="true" AutoGenerateColumns="false" OnRowDataBound="rowDataBound">
                       <Columns>
                        <asp:TemplateField Visible="false">
                            <ItemTemplate>
                                <asp:Label ID="repairItemIDSID" runat="server"></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Repair Item" ItemStyle-Width="100px" SortExpression="RepairItemID">
                            <ItemTemplate>                                
                                <asp:Label ID="lblItems" Width="150px" runat="server" Visible="true" Text='<%# Eval("RepairCategory") %>'/>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Details" SortExpression="Details">
                            <ItemTemplate>
                                <uc2:BigLabel ID="iconDetails" LabelWidth="0px" MessageText='<%# Eval("Details") %>'
                                    runat="server" Width="32px" Height="32px" />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Include" ItemStyle-Width="50px" SortExpression="Active">
                            <ItemTemplate>
                                <asp:CheckBox ID="chkActive" runat="server" Enabled="false" Checked='<%# Eval("Active") %>' />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Bid 1 Qty" SortExpression="Qty" FooterText="Subtotals:">
                            <ItemTemplate>
                                 <asp:Label ID="lblQty1" runat="server" Visible="true" Text='<%# Eval("Qty") %>'></asp:Label>
                                <asp:Label ID="lblUnitDesc1" runat="server"></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Bid 1 Amt" ItemStyle-Width="100px" SortExpression="Amt">
                            <ItemTemplate>
                                <cc1:LblCurrency ID="lblAmt1" runat="server" Visible="true" DecimalDigits="2" Text='<%# Eval("Amt") %>'></cc1:LblCurrency>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField>
                            <ItemTemplate>
                                <asp:Label ID="lblItemID" runat="server" Visible="false" />
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                    </cc1:GridviewFormatted>
                    <div id="divRprAddlInst">
                        <table width="100%">
                            <tr>
                                <td>
                                    <label>
                                        Additional Repair Instructions</label>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <cc1:TxtString ID="txtAddlInst" runat="server" Rows="10" TextMode="MultiLine" 
                                        Width="95%" />
                                </td>
                            </tr>
                        </table>
                        <table id="tblInstructionsDoc" runat="server">
                            <tr>
                                <td style="vertical-align: top;">
                                    <label>
                                        Additional Instructions Documentation:</label>
                                </td>
                                <td>
                                    <uc2:AssetDoc_Upload ID="uplAddlInst" Description="Repair Bid Instructions" runat="server"
                                        DocumentCategoryCode="DocCatRpr" ShowDelete="false" />
                                </td>
                            </tr>
                        </table>
                    </div>
                    <h6>Upload "Before" Photos</h6>
                    <table id="tblAddPhotos" runat="server" style="width:400px;">
                        <tr>
                            <td></td>
                            <td id="tdAddPhotos" runat="server">
                                <span class="button" id="spnLnkAddPhotos" runat="server">
                                    <asp:HyperLink ID="lnkAddPhotos" runat="server" 
                                        NavigateUrl="#"
                                        rel="shadowbox;height=600;width=1024" title="Add Photos" Text="Add Photos">
                                    </asp:HyperLink>                          
                                </span>
                            </td>
                        </tr>
                    </table>
                    <%--<uc1:PhotoBar ID="photoBar1" runat="server" />  --%>        
                    <uc1:PhotoBar ID="photoBar1" runat="server" />          
                </div>
                
            </ContentTemplate>
            <Triggers>
               <%-- <asp:PostBackTrigger ControlID="cmdSubmit" />
                <asp:PostBackTrigger ControlID="btnApprove" />--%>
            </Triggers>
        </asp:UpdatePanel>



         <div id="divSave" class="float_left" runat="server">
            <table>
                <tr>
                    <td>
                        <span id="spnSaveBtn" class="button" runat="server">
                            <asp:Button ID="btnSave" runat="server" Text="Save"/>
                        </span>
                    </td>
                    <td>
                        <span id="spnSubmitBtn" class="button" runat="server">
                            <asp:Button ID="btnSubmit" runat="server" Text="Save & Submit"/>
                        </span>
                    </td>
                </tr>
            </table>
        </div>

        <div class="extender">
        </div>
    </div>
    <div id="footer">
    </div>
</div>
<div id="end_cap">
</div>

Open in new window

0
Comment
Question by:Tom Knowlton
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 12
  • 6
19 Comments
 
LVL 41

Assisted Solution

by:guru_sami
guru_sami earned 200 total points
ID: 38851904
Ideally it should. So the possibility is something else might be interfering.
Can you share some snapshot to see what's not working as intended.
0
 
LVL 38

Expert Comment

by:Tom Beck
ID: 38851973
eq(1) will select the first matching element it finds on the page, not every match. To get to all of them try this:

$(document).ready(function () {
     
        $('.grid_view_header th:nth-child(2)').each(function(){
                  $(this).css({
                             textAlign: 'left'
                         });
      });
    });
0
 
LVL 5

Author Comment

by:Tom Knowlton
ID: 38852050
I commented-out my old code and tried the new code.

Now, neither header gets formatted!!


    $(document).ready(function () {
      
//        $('.grid_view_header th:eq(1)').css({
//            textAlign: 'left'
//        });

            $('.grid_view_header th:nth-child(2)').each(function(){
                  $(this).css({
                             textAlign: 'left'
                         });
    });

Open in new window



neither one now
0
The top UI technologies you need to be aware of

An important part of the job as a front-end developer is to stay up to date and in contact with new tools, trends and workflows. That’s why you cannot miss this upcoming webinar to explore the latest trends in UI technologies!

 
LVL 38

Expert Comment

by:Tom Beck
ID: 38852150
Impossible to test your actual page without a link.

Try this and see if all the "Details" font turns red.

$(document).ready(function () {
     
        $('.grid_view_header th:nth-child(2) a').each(function(){
                  $(this).css({
                             color: 'red'
                         });
      });
    });

If so, then you know you are matching the correct th elements and we can go from there.
0
 
LVL 5

Author Comment

by:Tom Knowlton
ID: 38852186
Sorry to disappoint, but the font is not turning red with this latest code.

It's not doing it for nth-child(1), (2), (3), (4), (5) or (6) which I tried in desperation.


For some reason we're not hitting those TH tags...
0
 
LVL 5

Author Comment

by:Tom Knowlton
ID: 38852203
I cannot provide a link to the site.  I believe it is public facing, but you would have to register and I would have to try and explain how to get to the page in question (not a trivial thing) plus confidentality/security concerns apply.


In a minute I think I will try this on jsfiddle.  I keep meaning to go there and keep getting distracted.
0
 
LVL 5

Author Comment

by:Tom Knowlton
ID: 38852224
This my attempt to isolate JUST the 2 tables in question:

<table class="layout_table">
                    <tbody><tr>
                        <td>
                            <label>
                                Contractor Name:</label>
                        </td>
                        <td>
                            <span id="ctl09_LabelContractorName">bid 2 cont name</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Estimated Completion Days:</label>
                        </td>
                        <td>
                            <span id="ctl09_LabelEstimatedCompletionDays">3</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Bid Total:</label>
                        </td>
                        <td>
                            <span id="ctl09_LabelBidTotal">432.00</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Bid Status</label>
                        </td>
                        <td>
                            <span id="ctl09_LabelBidStatus">Unassigned</span>
                            
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Bid Document</label>
                        </td>
                        <td>
                                  <a href="ViewDoc.Aspx?DocID=2000032-1" id="ctl09_linkViewDocument">PDF</a>
                        </td>
                    </tr>
                    </tbody></table>




<table class="grid_view" cellspacing="0" id="ctl09_gvRecommended" style="border-collapse:collapse;">
			<tbody><tr class="grid_view_header">
				<th scope="col"><a href="javascript:__doPostBack('ctl09$gvRecommended','Sort$RepairItemID')">Repair Item</a></th><th scope="col"><a href="javascript:__doPostBack('ctl09$gvRecommended','Sort$Details')">Details</a></th><th scope="col"><a href="javascript:__doPostBack('ctl09$gvRecommended','Sort$Active')">Include</a></th><th scope="col"><a href="javascript:__doPostBack('ctl09$gvRecommended','Sort$Qty')">Bid 1 Qty</a></th><th scope="col"><a href="javascript:__doPostBack('ctl09$gvRecommended','Sort$Amt')">Bid 1 Amt</a></th><th scope="col">&nbsp;</th>
			</tr><tr id="ctl09_gvRecommended_ctl02" onclick="HighLightGVRow('ctl09_gvRecommended_ctl02', 'ctl09_gvRecommended_ctl02_hdSelectedRow', 'ctl09_gvRecommended_ctl02_hdOldStyle');">
				<td style="width:100px;">                                
                                <span id="ctl09_gvRecommended_ctl02_lblItems" style="display:inline-block;width:150px;">Carpet</span>
                            </td><td>
                                

<table style="margin: 0; padding: 0; ">
    <tbody><tr style="margin: 0; padding: 0;">
        <td style="margin: 0; padding: 0; float: right;"><span id="ctl09_gvRecommended_ctl02_iconDetails_lblMessage" style="display:block;padding:0;overflow:hidden;width:0px;height:;">carpet pad rep other contr 32122</span></td>
        <td style="margin: 0; padding: 0;">
            <div id="ctl09_gvRecommended_ctl02_iconDetails_divMessage" style="display: block; width: 17px; height: 18px; " title="" bt-xtitle="carpet pad rep other contr 32122">
                <img id="ctl09_gvRecommended_ctl02_iconDetails_imgPopup" onload="scrollDetect('ctl09_gvRecommended_ctl02_iconDetails_imgPopup', 'ctl09_gvRecommended_ctl02_iconDetails_lblMessage');" src="Images/dot_dot_dot.gif" style="">
            </div>
        </td>
    </tr>
</tbody></table>


                            </td><td style="width:50px;">
                                <span class="aspNetDisabled"><input id="ctl09_gvRecommended_ctl02_chkActive" type="checkbox" name="ctl09$gvRecommended$ctl02$chkActive" checked="checked" disabled="disabled"></span>
                            </td><td>
                                 <span id="ctl09_gvRecommended_ctl02_lblQty1">2</span>
                                <span id="ctl09_gvRecommended_ctl02_lblUnitDesc1"></span>
                            </td><td style="width:100px;">
                                <span id="ctl09_gvRecommended_ctl02_lblAmt1">210.00</span>
                            </td><td>
                                
                            </td><td><input type="hidden" name="ctl09$gvRecommended$ctl02$hdSelectedRow" id="ctl09_gvRecommended_ctl02_hdSelectedRow"><input type="hidden" name="ctl09$gvRecommended$ctl02$hdOldStyle" id="ctl09_gvRecommended_ctl02_hdOldStyle"></td>
			</tr><tr class="grid_view_footer">
				<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>Subtotals:</td><td>&nbsp;</td><td>&nbsp;</td>
			</tr>
		</tbody></table>

Open in new window

0
 
LVL 38

Expert Comment

by:Tom Beck
ID: 38852238
Have a look at this. It's your page without extraneous includes, aspx generated markup and css.

http://jsfiddle.net/myyVQ/
0
 
LVL 5

Author Comment

by:Tom Knowlton
ID: 38852264
Our firewall software has jsfiddle.com blocked.  I'll have to see about getting it unblocked...
0
 
LVL 5

Author Comment

by:Tom Knowlton
ID: 38852266
Oh, it's jsfiddle.net not .com

Okay....

Checking it out...
0
 
LVL 5

Author Comment

by:Tom Knowlton
ID: 38852278
Your code clearly works.

But it does not work on the page in question.

Not sure where that leaves me ... still stuck where I was when this first began?  : )
0
 
LVL 38

Expert Comment

by:Tom Beck
ID: 38852302
Note that in the fiddle I am selecting the anchors inside the th element so I can see the font turn red. Still, it demonstrates that ALL of the correct th elements are being accessed.

It could be that asp.net is generating css for the Gridview that is being applied after you make the change with jquery. Try putting the jquery script at the bottom of the page so it executes after everything else.
0
 
LVL 5

Author Comment

by:Tom Knowlton
ID: 38852340
I tried putting it at the bottom of the page and it made no difference.  Your code did not work any differently, sorry.

The original code I wrote still worked, but alas, it only affects the first table, not the second one.
0
 
LVL 5

Author Comment

by:Tom Knowlton
ID: 38852364
UPDATE:

I take back what I said.


This code is working now:


  $('.grid_view_header th:nth-child(2) a').each(function () {
         $(this).css(
               'color', 'yellow'
            );
     });

Open in new window




It even works at the top of the code.



So now, how can I tweak this to align the text to the left?


So far my tries to do that are not working...
0
 
LVL 5

Author Comment

by:Tom Knowlton
ID: 38852380
$('.grid_view_header th:nth-child(2) a').each(function () {
         $(this).css(
               'text-align', 'left'
            );
     });


does not work.

I also tried:

'text-Align', 'left'
'textAlign', 'left'
'textalign', 'left'


to no avail.
0
 
LVL 38

Expert Comment

by:Tom Beck
ID: 38852445
You would need to take out the "a" selector to align text in the th to the left.
0
 
LVL 38

Accepted Solution

by:
Tom Beck earned 1800 total points
ID: 38852469
If that does not work it's either because the text-align:left is being overridden by some other css or the text is already as far left as it can go. It's up against the side of the container.

If other css is the problem then the only foolproof way to override css styles is with inline styles.

Add some code to your RowDataBound event that adds style="text-align:left" to those th elements.

Something like this (untested):

if (e.Row.RowType == DataControlRowType.Header){
   e.Row.Cells(1).Attributes.Add("style", "text-align:left");
}
0
 
LVL 5

Author Comment

by:Tom Knowlton
ID: 38852645
Final solution:

  $('.grid_view_header th:nth-child(2)').each(function () {
         $(this).css(
               'text-align', 'left'
            );
     });

Open in new window

0
 
LVL 5

Author Closing Comment

by:Tom Knowlton
ID: 38852651
Thank you!
0

Featured Post

The top UI technologies you need to be aware of

An important part of the job as a front-end developer is to stay up to date and in contact with new tools, trends and workflows. That’s why you cannot miss this upcoming webinar to explore the latest trends in UI technologies!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
This article discusses how to implement server side field validation and display customized error messages to the client.
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

721 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question