Solved

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

Posted on 2013-02-04
19
586 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:knowlton
  • 12
  • 6
19 Comments
 
LVL 41

Assisted Solution

by:guru_sami
guru_sami earned 50 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: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
 
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: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: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: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:knowlton
ID: 38852264
Our firewall software has jsfiddle.com blocked.  I'll have to see about getting it unblocked...
0
Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

 
LVL 5

Author Comment

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

Okay....

Checking it out...
0
 
LVL 5

Author Comment

by: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: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: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: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 450 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: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:knowlton
ID: 38852651
Thank you!
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

There are a couple ways to attach a JavaScript function to dynamically created elements. You can make a new script for each element as it’s created or you can use delegation. Delegation allows a single script that is added at page creation to mat…
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. 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.: (CODE)

747 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

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now