Hi i'm automating a web page built with smart gwt controls . I recorded the clicking of the check box in a list grid using locators. I tried clicking through Xpath , it returns the response as ok but it wont click.
scLocator=//ListGrid[ID=\"isc_SideListGrid_0"\"]/body/row[1]/col[isCheckboxField=true||0]
Xpath:
selenium.click("//div//table[#id='isc_17table']//tbody/tr[1]/td[1]/div/nobr/img");
HtML Source of one row
<div id="isc_17" style="POSITION:relative;VISIBILITY:inherit;Z-INDEX:200450;CURSOR:default;" eventproxy="isc_SideListGrid_0_body">
<div style="position:relative;z-index:1000;">
<div id="isc_SideListGrid_0_body$28s" style="width:1px;height:0px;overflow:hidden;display:none;">
<table id="isc_17table" class="listTable" width="654" cellspacing="0" cellpadding="2" border="0" style="table-layout:fixed;overflow:hidden;wrap:false;padding-left:0px;padding-right:0px;" role="presentation">
<tbody></tbody>
<colgroup>
<tbody>
<tr role="listitem">
<td class="tallCellSelected" height="" align="center" style="height: 22px; width: 28px; overflow: hidden;">
<div style="overflow: hidden; width: 24px;" cellclipdiv="true" role="presentation">
<nobr>
<img width="13" height="13" border="0" align="TEXTTOP" suppress="TRUE" style="vertical-align:middle;margin-left:2px;margin-right:2px;" eventpart="valueicon" src="http://localhost:8080/oatedge/reports/acceptanceReport/sc/skins/Enterprise/images/DynamicForm/checked.png">
</nobr>
</div>
</td>
<td class="tallCellSelected" height="" align="center" style="height: 22px; width: 91px; overflow: hidden;">
<td class="tallCellSelected" height="" align="center" style="height: 22px; width: 80px; overflow: hidden;">
<td class="tallCellSelected" height="" align="center" style="height: 22px; width: 91px; overflow: hidden;">
<td class="tallCellSelected" height="" align="center" style="height: 22px; width: 91px; overflow: hidden;">
<td class="tallCellSelected" height="" align="center" style="height: 22px; width: 91px; overflow: hidden;">
<td class="tallCellSelected" height="" align="center" style="height: 22px; width: 91px; overflow: hidden;">
<td class="tallCellSelected" height="" align="center" style="height: 22px; width: 91px; overflow: hidden;">
</tr>
</tbody>
</table>
<div id="isc_SideListGrid_0_body$284" style="width:1px;height:0px;overflow:hidden;display:none;">
</div>
<div onscroll="return isc_HLayout_5.$lh()" style="position: absolute; left: 558px; top: 3px; width: 100px; height: 22px; z-index: 200900; visibility: inherit; padding: 0px; -moz-box-sizing: border-box; overflow: hidden; cursor: default;" class="normal" eventproxy="isc_HLayout_5" id="isc_30">
<div style="POSITION:relative;VISIBILITY:inherit;Z-INDEX:200900;CURSOR:default;" eventproxy="isc_HLayout_5" id="isc_31"> <div onscroll="return isc_ImgButton_4.$lh()" style="position: absolute; left: 18px; top: 1px; width: 20px; height: 19px; z-index: 200918; -moz-box-sizing: border-box; overflow: hidden;" tabindex="1764" onblur="if(window.isc)isc.EH.blurFocusCanvas(isc_ImgButton_4,true);" onfocus="if(event.target!=this)return;isc.EH.focusInCanvas(isc_ImgButton_4,true);" class="imgButton" role="button" eventproxy="isc_ImgButton_4" id="isc_33"><div style="POSITION:relative;VISIBILITY:inherit;Z-INDEX:200918;CURSOR:pointer;" eventproxy="isc_ImgButton_4" id="isc_32"><img width="20" height="19" border="0" align="TEXTTOP" suppress="TRUE" name="isc_32main" src="http://localhost:8080/oatedge/reports/images/icon-delete-d.png"></div></div><div onscroll="return isc_ImgButton_3.$lh()" style="position: absolute; left: 41px; top: 1px; width: 20px; height: 19px; z-index: 200936; -moz-box-sizing: border-box; overflow: hidden;" tabindex="1815" onblur="if(window.isc)isc.EH.blurFocusCanvas(isc_ImgButton_3,true);" onfocus="if(event.target!=this)return;isc.EH.focusInCanvas(isc_ImgButton_3,true);" class="imgButton" role="button" eventproxy="isc_ImgButton_3" id="isc_35"><div style="POSITION:relative;VISIBILITY:inherit;Z-INDEX:200936;CURSOR:pointer;" eventproxy="isc_ImgButton_3" id="isc_34"><img width="20" height="19" border="0" align="TEXTTOP" suppress="TRUE" name="isc_34main" src="http://localhost:8080/oatedge/reports/images/icon-accept-d.png"></div></div><div onscroll="return isc_ImgButton_5.$lh()" style="position: absolute; left: 64px; top: 0px; width: 18px; height: 15px; z-index: 200954; -moz-box-sizing: border-box; overflow: hidden;" tabindex="1866" onblur="if(window.isc)isc.EH.blurFocusCanvas(isc_ImgButton_5,true);" onfocus="if(event.target!=this)return;isc.EH.focusInCanvas(isc_ImgButton_5,true);" class="imgButton" role="button" eventproxy="isc_ImgButton_5" id="isc_37"><div style="POSITION:relative;VISIBILITY:inherit;Z-INDEX:200954;CURSOR:pointer;" eventproxy="isc_ImgButton_5" id="isc_36"><img width="18" height="15" border="0" align="TEXTTOP" suppress="TRUE" name="isc_36main" src="http://localhost:8080/oatedge/reports/images/icon-merge-d.png"></div></div></div></div>
Related
http://live.datatables.net/wifezuru/2/edit
15th column is hidden and value is false/true. When select (left top corner) shipping status from there it must filter DataTable by true/false value of the 15th column. Table works fine but that filter is not working. I mean does not show anything.
Also I tested with
$('#zctb').DataTable().columns(9).search('Sheridan-Sept2022').draw();
it works fine but
$('#zctb').DataTable().columns(15).search('true').draw()
; does not show result.
$("#zctb").DataTable({
"responsive": true,
"bAutoWidth": true,
scrollX: true,
// execute callback when DataTable is completely initialiazed
"initComplete": function () {
// Select the column whose header we need replaced using its index(0 based)
this.api().column(2).every(function () {
var column = this;
// Put the HTML of the <select /> filter along with any default options
var select = $('<select class="form-control input-sm"><option value="">All</option></select>')
// remove all content from this column's header and
// append the above <select /> element HTML code into it
.appendTo($(column.header()).empty())
// execute callback when an option is selected in our <select /> filter
.on('change', function () {
// escape special characters for DataTable to perform search
var val = $.fn.dataTable.util.escapeRegex(
$(this).val()
);
// Perform the search with the <select /> filter value and re-render the DataTable
column
.search(val ? '^' + val + '$' : '', true, false)
.draw();
});
// fill the <select /> filter with unique values from the column's data
column.data().unique().sort().each(function (d, j) {
select.append("<option value='" + d + "'>" + d + "</option>");
});
});
this.api().column(9).every(function () {
var column = this;
// Put the HTML of the <select /> filter along with any default options
var select = $('<select class="form-control input-sm"><option value="">All</option></select>')
// remove all content from this column's header and
// append the above <select /> element HTML code into it
.appendTo($(column.header()).empty())
// execute callback when an option is selected in our <select /> filter
.on('change', function () {
// escape special characters for DataTable to perform search
var val = $.fn.dataTable.util.escapeRegex(
$(this).val()
);
console.log('folder val ' + val);
// Perform the search with the <select /> filter value and re-render the DataTable
column
.search(val ? '^' + val + '$' : '', true, false)
.draw();
});
// fill the <select /> filter with unique values from the column's data
column.data().unique().sort().each(function (d, j) {
select.append("<option value='" + d + "'>" + d + "</option>");
});
});
// this.api().column(8).every(function () {
// var column = this;
// // Put the HTML of the <select /> filter along with any default options
// var select = $('<select class="form-control input-sm" id="bannedFilter" onchange="FilterBannedPeople(this)"><option value="">All</option> <option value="true">shipped</option> <option value="false">unshipped</option> </select>')
// // remove all content from this column's header and
// // append the above <select /> element HTML code into it
// .appendTo($(column.header()).empty())
// // execute callback when an option is selected in our <select /> filter
// .on('change', function () {
// // escape special characters for DataTable to perform search
// var val = $.fn.dataTable.util.escapeRegex(
// $(this).val()
// );
//
// // Perform the search with the <select /> filter value and re-render the DataTable
//
// column
// .search(val ? '^' + val + '$' : '', true, false)
// .draw();
// });
// // fill the <select /> filter with unique values from the column's data
// column.data().unique().sort().each(function (d, j) {
// select.append("<option value='" + d + "'>" + d + "</option>")
// });
// });
},
// disable sorting on the column with the filter in its header.
"columnDefs": [
{
"targets": 15,
//if searchable enabled, FilterBannedPeople won't work
//if searchable disabled, global search will search hidden column
"searchable": false
}
]
});
$.fn.dataTable.tables({visible: true, api: true}).columns.adjust();
$.fn.dataTable.ext.search.push(
function (settings, searchData, index, rowData, counter) {
var searchVal = $('#bannedFilter').val();
// Show all rows if select is emptry - 'all'
if (searchVal === '') {
return true;
}
// Show only rows that match the select value
if (searchVal === rowData[15]) {
return true;
}
// Filter row if it doesn't match.
return false;
}
);
function FilterBannedPeople(bannedFilterDropDown) {
var datatableObj = $('#zctb').DataTable();
var searchVal = $(bannedFilterDropDown).val();
var colIndex = 15;
console.log(datatableObj.columns(colIndex).search(searchVal).draw());
datatableObj.columns(colIndex).search(searchVal).draw();
}
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<link href="https://nightly.datatables.net/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
<script src="https://nightly.datatables.net/js/jquery.dataTables.js"></script>
<meta charset=utf-8 />
<title>DataTables - JS Bin</title>
</head>
<body>
<div class="panel panel-default">
<select class="form-control input-sm" id="bannedFilter" onchange="FilterBannedPeople(this)">
<option value="">All</option>
<option value="true">shipped</option>
<option value="false">unshipped</option>
</select>
<div class="panel-body">
<div id="zctb_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer"><div class="row"><div class="col-sm-6"><div class="dataTables_length" id="zctb_length"><label>Show <select name="zctb_length" aria-controls="zctb" class="form-control input-sm"><option value="10">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select> entries</label></div></div><div class="col-sm-6"><div id="zctb_filter" class="dataTables_filter"><label>Search:<input type="search" class="form-control input-sm" placeholder="" aria-controls="zctb"></label></div></div></div><div class="row"><div class="col-sm-12"><div class="dataTables_scroll"><div class="dataTables_scrollHead" style="overflow: hidden; position: relative; border: 0px; width: 100%;"><div class="dataTables_scrollHeadInner" style="box-sizing: content-box; width: 1915px; padding-right: 0px;"><table class="display table table-striped table-bordered table-hover dataTable no-footer" cellspacing="0" width="100%" role="grid" style="margin-left: 0px; width: 1915px;"><thead>
<tr role="row"><th rowspan="1" colspan="1">#</th><th rowspan="1" colspan="1">Customer Name</th><th rowspan="1" colspan="1">User</th><th rowspan="1" colspan="1">Tiny URL</th><th rowspan="1" colspan="1">Full URL</th><th rowspan="1" colspan="1">SO</th><th rowspan="1" colspan="1">WO</th><th rowspan="1" colspan="1">PO</th><th rowspan="1" colspan="1">Shipped?</th><th rowspan="1" colspan="1">Folder</th><th rowspan="1" colspan="1">Scan Count</th><th rowspan="1" colspan="1">Download</th><th rowspan="1" colspan="1">QR Image</th><th rowspan="1" colspan="1">Created Date</th><th rowspan="1" colspan="1">Action</th><th rowspan="1" colspan="1">Action</th></tr>
<tr role="row"><td class="sorting_asc" tabindex="0" aria-controls="zctb" rowspan="1" colspan="1" style="width: 0px;" aria-label=": activate to sort column descending" aria-sort="ascending"></td><td class="sorting" tabindex="0" aria-controls="zctb" rowspan="1" colspan="1" style="width: 39px;" aria-label=": activate to sort column ascending"></td><td class="sorting" tabindex="0" aria-controls="zctb" rowspan="1" colspan="1" style="width: 200px;" aria-label=": activate to sort column ascending"><select class="form-control input-sm"><option value="">All</option><option value="hello1#gmail.com">hello1#gmail.com</option><option value="hello#gmail.com">hello#gmail.com</option></select></td><td class="sorting" tabindex="0" aria-controls="zctb" rowspan="1" colspan="1" style="width: 16px;" aria-label=": activate to sort column ascending"></td><td class="sorting" tabindex="0" aria-controls="zctb" rowspan="1" colspan="1" style="width: 483px;" aria-label=": activate to sort column ascending"></td><td class="sorting" tabindex="0" aria-controls="zctb" rowspan="1" colspan="1" style="width: 27px;" aria-label=": activate to sort column ascending"></td><td class="sorting" tabindex="0" aria-controls="zctb" rowspan="1" colspan="1" style="width: 44px;" aria-label=": activate to sort column ascending"></td><td class="sorting" tabindex="0" aria-controls="zctb" rowspan="1" colspan="1" style="width: 72px;" aria-label=": activate to sort column ascending"></td><td class="sorting" tabindex="0" aria-controls="zctb" rowspan="1" colspan="1" style="width: 36px;" aria-label=": activate to sort column ascending"></td><td class="sorting" tabindex="0" aria-controls="zctb" rowspan="1" colspan="1" style="width: 170px;" aria-label=": activate to sort column ascending"><select class="form-control input-sm"><option value="">All</option><option value="Office Resource-Boston">Office Resource-Boston</option><option value="Sheridan-Sept2022">Sheridan-Sept2022</option></select></td><td class="sorting" tabindex="0" aria-controls="zctb" rowspan="1" colspan="1" style="width: 15px;" aria-label=": activate to sort column ascending"></td><td class="sorting" tabindex="0" aria-controls="zctb" rowspan="1" colspan="1" style="width: 40px;" aria-label=": activate to sort column ascending"></td><td class="sorting" tabindex="0" aria-controls="zctb" rowspan="1" colspan="1" style="width: 78px;" aria-label=": activate to sort column ascending"></td><td class="sorting" tabindex="0" aria-controls="zctb" rowspan="1" colspan="1" style="width: 32px;" aria-label=": activate to sort column ascending"></td><td class="sorting" tabindex="0" aria-controls="zctb" rowspan="1" colspan="1" style="width: 19px;" aria-label=": activate to sort column ascending"></td><td class="sorting" tabindex="0" aria-controls="zctb" rowspan="1" colspan="1" style="width: 19px;" aria-label=": activate to sort column ascending"></td></tr>
</thead></table></div></div><div class="dataTables_scrollBody" style="position: relative; overflow: auto; width: 100%;"><table id="zctb" class="display table table-striped table-bordered table-hover dataTable no-footer" cellspacing="0" width="100%" role="grid" aria-describedby="zctb_info" style="width: 100%;"><thead>
<tr role="row" style="height: 0px;"><th rowspan="1" colspan="1" style="padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px; width: 22px;"><div class="dataTables_sizing" style="height:0;overflow:hidden;">#</div></th><th rowspan="1" colspan="1" style="padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px; width: 61px;"><div class="dataTables_sizing" style="height:0;overflow:hidden;">Customer Name</div></th><th rowspan="1" colspan="1" style="padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px; width: 222px;"><div class="dataTables_sizing" style="height:0;overflow:hidden;">User</div></th><th rowspan="1" colspan="1" style="padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px; width: 38px;"><div class="dataTables_sizing" style="height:0;overflow:hidden;">Tiny URL</div></th><th rowspan="1" colspan="1" style="padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px; width: 505px;"><div class="dataTables_sizing" style="height:0;overflow:hidden;">Full URL</div></th><th rowspan="1" colspan="1" style="padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px; width: 49px;"><div class="dataTables_sizing" style="height:0;overflow:hidden;">SO</div></th><th rowspan="1" colspan="1" style="padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px; width: 66px;"><div class="dataTables_sizing" style="height:0;overflow:hidden;">WO</div></th><th rowspan="1" colspan="1" style="padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px; width: 94px;"><div class="dataTables_sizing" style="height:0;overflow:hidden;">PO</div></th><th rowspan="1" colspan="1" style="padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px; width: 58px;"><div class="dataTables_sizing" style="height:0;overflow:hidden;">Shipped?</div></th><th rowspan="1" colspan="1" style="padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px; width: 192px;"><div class="dataTables_sizing" style="height:0;overflow:hidden;">Folder</div></th><th rowspan="1" colspan="1" style="padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px; width: 37px;"><div class="dataTables_sizing" style="height:0;overflow:hidden;">Scan Count</div></th><th rowspan="1" colspan="1" style="padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px; width: 62px;"><div class="dataTables_sizing" style="height:0;overflow:hidden;">Download</div></th><th rowspan="1" colspan="1" style="padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px; width: 100px;"><div class="dataTables_sizing" style="height:0;overflow:hidden;">QR Image</div></th><th rowspan="1" colspan="1" style="padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px; width: 54px;"><div class="dataTables_sizing" style="height:0;overflow:hidden;">Created Date</div></th><th rowspan="1" colspan="1" style="padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px; width: 41px;"><div class="dataTables_sizing" style="height:0;overflow:hidden;">Action</div></th><th rowspan="1" colspan="1" style="padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px; width: 41px;"><div class="dataTables_sizing" style="height:0;overflow:hidden;">Action</div></th></tr>
<tr role="row" style="height: 0px;"><td class="sorting_asc" aria-controls="zctb" rowspan="1" colspan="1" style="width: 0px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label=": activate to sort column descending" aria-sort="ascending"><div class="dataTables_sizing" style="height:0;overflow:hidden;"></div></td><td class="sorting" aria-controls="zctb" rowspan="1" colspan="1" style="width: 39px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label=": activate to sort column ascending"><div class="dataTables_sizing" style="height:0;overflow:hidden;"></div></td><td class="sorting" aria-controls="zctb" rowspan="1" colspan="1" style="width: 200px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label=": activate to sort column ascending"><div class="dataTables_sizing" style="height:0;overflow:hidden;"><select class="form-control input-sm"><option value="">All</option><option value="hello1#gmail.com">hello1#gmail.com</option><option value="hello#gmail.com">hello#gmail.com</option></select></div></td><td class="sorting" aria-controls="zctb" rowspan="1" colspan="1" style="width: 16px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label=": activate to sort column ascending"><div class="dataTables_sizing" style="height:0;overflow:hidden;"></div></td><td class="sorting" aria-controls="zctb" rowspan="1" colspan="1" style="width: 483px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label=": activate to sort column ascending"><div class="dataTables_sizing" style="height:0;overflow:hidden;"></div></td><td class="sorting" aria-controls="zctb" rowspan="1" colspan="1" style="width: 27px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label=": activate to sort column ascending"><div class="dataTables_sizing" style="height:0;overflow:hidden;"></div></td><td class="sorting" aria-controls="zctb" rowspan="1" colspan="1" style="width: 44px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label=": activate to sort column ascending"><div class="dataTables_sizing" style="height:0;overflow:hidden;"></div></td><td class="sorting" aria-controls="zctb" rowspan="1" colspan="1" style="width: 72px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label=": activate to sort column ascending"><div class="dataTables_sizing" style="height:0;overflow:hidden;"></div></td><td class="sorting" aria-controls="zctb" rowspan="1" colspan="1" style="width: 36px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label=": activate to sort column ascending"><div class="dataTables_sizing" style="height:0;overflow:hidden;"></div></td><td class="sorting" aria-controls="zctb" rowspan="1" colspan="1" style="width: 170px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label=": activate to sort column ascending"><div class="dataTables_sizing" style="height:0;overflow:hidden;"><select class="form-control input-sm"><option value="">All</option><option value="Office Resource-Boston">Office Resource-Boston</option><option value="Sheridan-Sept2022">Sheridan-Sept2022</option></select></div></td><td class="sorting" aria-controls="zctb" rowspan="1" colspan="1" style="width: 15px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label=": activate to sort column ascending"><div class="dataTables_sizing" style="height:0;overflow:hidden;"></div></td><td class="sorting" aria-controls="zctb" rowspan="1" colspan="1" style="width: 40px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label=": activate to sort column ascending"><div class="dataTables_sizing" style="height:0;overflow:hidden;"></div></td><td class="sorting" aria-controls="zctb" rowspan="1" colspan="1" style="width: 78px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label=": activate to sort column ascending"><div class="dataTables_sizing" style="height:0;overflow:hidden;"></div></td><td class="sorting" aria-controls="zctb" rowspan="1" colspan="1" style="width: 32px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label=": activate to sort column ascending"><div class="dataTables_sizing" style="height:0;overflow:hidden;"></div></td><td class="sorting" aria-controls="zctb" rowspan="1" colspan="1" style="width: 19px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label=": activate to sort column ascending"><div class="dataTables_sizing" style="height:0;overflow:hidden;"></div></td><td class="sorting" aria-controls="zctb" rowspan="1" colspan="1" style="width: 19px; padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; border-bottom-width: 0px; height: 0px;" aria-label=": activate to sort column ascending"><div class="dataTables_sizing" style="height:0;overflow:hidden;"></div></td></tr>
</thead>
<tbody>
<tr role="row" class="odd">
<td class="sorting_1">1</td>
<td>Sheridan</td>
<td>hello#gmail.com</td>
<td>17aca</td>
<td>dropbox</td>
<td>SO4564</td>
<td>wo345435</td>
<td>po345345</td>
<td>
<input type="checkbox" disabled="" class="call-checkbox" checked="" value="1">
</td>
<td>Sheridan-Sept2022</td>
<td>7</td>
<!-- <td><a id="download" href="-->
<!--"-->
<!-- download="-->
<!--">Download</a></td>-->
<td><a id="download" href="qr_images/SO4564-21.png" download="SO4564-21.png">Download</a>
<br>
</td>
<td><img src="qr_images/SO4564-21.png" width="100"></td>
<td>2022-09-19 15:56:16</td>
<td>
<i class="fa fa-pencil"></i>
<i class="fa fa-trash" style="color:red"></i>
</td>
<td>
true </td>
</tr><tr role="row" class="even">
<td class="sorting_1">2</td>
<td>Franklin Labs</td>
<td>hello1#gmail.com</td>
<td>0f354</td>
<td>dropbox2</td>
<td>SO6237</td>
<td></td>
<td>117-254-417375198864</td>
<td>
<input type="checkbox" value="0" class="call-checkbox" onclick="checkboxchecked(21)">
</td>
<td>Office Resource-Boston</td>
<td>4</td>
<!-- <td><a id="download" href="-->
<!--"-->
<!-- download="-->
<!--">Download</a></td>-->
<td><a id="download" href="qr_images/SO6237-20.png" download="SO6237-20.png">Download</a>
<br>
</td>
<td><img src="qr_images/SO6237-20.png" width="100"></td>
<td>2022-09-12 10:41:56</td>
<td>
<i class="fa fa-pencil"></i>
<i class="fa fa-trash" style="color:red"></i>
</td>
<td>
false </td>
</tr></tbody>
</table></div></div></div></div><div class="row"><div class="col-sm-5"><div class="dataTables_info" id="zctb_info" role="status" aria-live="polite">Showing 1 to 2 of 2 entries</div></div><div class="col-sm-7"><div class="dataTables_paginate paging_simple_numbers" id="zctb_paginate"><ul class="pagination"><li class="paginate_button previous disabled" id="zctb_previous">Previous</li><li class="paginate_button active">1</li><li class="paginate_button next disabled" id="zctb_next">Next</li></ul></div></div></div></div>
</div>
</div>
</body>
</html>
I have been trying to automatically select the first option from a dropdown in a webpage by using selenium webdriver for vba but unable to do so. I have tried using different methods like find element by ID, find element by xpath etc. but getting NoSuchElementError.
Here is the code which I have tried.
bot.FindElementById("ReportViewerControl_ctl04").Click
here is the HTML code for the element.
Any help would be greatly appreciated.
This is the whole HTML code of the web page.
<body style="margin: 0px; overflow: auto;">
<form id="ReportViewerForm" style="width: 100%; height: 100%;" action="./ReportViewer.aspx?%2fMPM%2fMPM_ProjectServices_Schedule" method="post">
<div class="aspNetHidden">
<input name="__EVENTTARGET" id="__EVENTTARGET" type="hidden" value="">
<input name="__EVENTARGUMENT" id="__EVENTARGUMENT" type="hidden" value="">
<input name="__VIEWSTATE" id="__VIEWSTATE" type="hidden" value="/wEPDwULLTE0NjY0NTA2NjMPZBYGZg8WAh4EVGV4dAUQPCFET0NUWVBFIGh0bWw+CmQCAg8WAh4EbGFuZwUFZW4tVVMWAgIBDxYCHwAFOAoJPE1FVEEgSFRUUC1FUVVJVj0iWC1VQS1Db21wYXRpYmxlIiBDT05URU5UPSJJRT1lZGdlIj4KZAIED2QWBAIED2QWBAIBDxYCHgVWYWx1ZWRkAgMPZBYCZg9kFgJmDxYCHwJkZAIFDxQrAAUPFgYeEFYxU3R5bGVTaGVldE5hbWVkHg5SZW5kZXJpbmdTdGF0ZQspkQFNaWNyb3NvZnQuUmVwb3J0aW5nLldlYkZvcm1zLlJlcG9ydFJlbmRlcmluZ1N0YXRlLCBSZXBvcnRpbmdTZXJ2aWNlc1dlYlNlcnZlciwgVmVyc2lvbj0xMy4wLjAuMCwgQ3VsdHVyZT1uZXV0cmFsLCBQdWJsaWNLZXlUb2tlbj04OTg0NWRjZDgwODBjYzkxAB4MU2Nyb2xsVGFyZ2V0ZGQoKVhTeXN0ZW0uR3VpZCwgbXNjb3JsaWIsIFZlcnNpb249NC4wLjAuMCwgQ3VsdHVyZT1uZXV0cmFsLCBQdWJsaWNLZXlUb2tlbj1iNzdhNWM1NjE5MzRlMDg5JGNlMjI3NTgzLWM5ODMtNDc0YS05NzNhLThhMmE4YzMzZWI4YQIBFCsAARQrAAQCARQrAAIFGGFvdWJtdXU1cXJ0eml5NTV3MDN4aXc0NQIBZGQyoBQAAQAAAP////8BAAAAAAAAAAwCAAAAXlJlcG9ydGluZ1NlcnZpY2VzV2ViU2VydmVyLCBWZXJzaW9uPTEzLjAuMC4wLCBDdWx0dXJlPW5ldXRyYWwsIFB1YmxpY0tleVRva2VuPTg5ODQ1ZGNkODA4MGNjOTEFAQAAADFNaWNyb3NvZnQuUmVwb3J0aW5nLldlYkZvcm1zLkRldmljZUluZm9Db2xsZWN0aW9uBQAAABpLZXllZENvbGxlY3Rpb25gMitjb21wYXJlchZLZXllZENvbGxlY3Rpb25gMitkaWN0GktleWVkQ29sbGVjdGlvbmAyK2tleUNvdW50G0tleWVkQ29sbGVjdGlvbmAyK3RocmVzaG9sZBJDb2xsZWN0aW9uYDEraXRlbXMDAwAAAxZTeXN0ZW0uT3JkaW5hbENvbXBhcmVyjwJTeXN0ZW0uQ29sbGVjdGlvbnMuR2VuZXJpYy5EaWN0aW9uYXJ5YDJbW1N5c3RlbS5TdHJpbmcsIG1zY29ybGliLCBWZXJzaW9uPTQuMC4wLjAsIEN1bHR1cmU9bmV1dHJhbCwgUHVibGljS2V5VG9rZW49Yjc3YTVjNTYxOTM0ZTA4OV0sW01pY3Jvc29mdC5SZXBvcnRpbmcuV2ViRm9ybXMuRGV2aWNlSW5mbywgUmVwb3J0aW5nU2VydmljZXNXZWJTZXJ2ZXIsIFZlcnNpb249MTMuMC4wLjAsIEN1bHR1cmU9bmV1dHJhbCwgUHVibGljS2V5VG9rZW49ODk4NDVkY2Q4MDgwY2M5MV1dCAisAVN5c3RlbS5Db2xsZWN0aW9ucy5HZW5lcmljLkxpc3RgMVtbTWljcm9zb2Z0LlJlcG9ydGluZy5XZWJGb3Jtcy5EZXZpY2VJbmZvLCBSZXBvcnRpbmdTZXJ2aWNlc1dlYlNlcnZlciwgVmVyc2lvbj0xMy4wLjAuMCwgQ3VsdHVyZT1uZXV0cmFsLCBQdWJsaWNLZXlUb2tlbj04OTg0NWRjZDgwODBjYzkxXV0CAAAACQMAAAAJBAAAAAAAAAAAAAAACQUAAAAEAwAAABZTeXN0ZW0uT3JkaW5hbENvbXBhcmVyAQAAAAtfaWdub3JlQ2FzZQABAQQEAAAAjwJTeXN0ZW0uQ29sbGVjdGlvbnMuR2VuZXJpYy5EaWN0aW9uYXJ5YDJbW1N5c3RlbS5TdHJpbmcsIG1zY29ybGliLCBWZXJzaW9uPTQuMC4wLjAsIEN1bHR1cmU9bmV1dHJhbCwgUHVibGljS2V5VG9rZW49Yjc3YTVjNTYxOTM0ZTA4OV0sW01pY3Jvc29mdC5SZXBvcnRpbmcuV2ViRm9ybXMuRGV2aWNlSW5mbywgUmVwb3J0aW5nU2VydmljZXNXZWJTZXJ2ZXIsIFZlcnNpb249MTMuMC4wLjAsIEN1bHR1cmU9bmV1dHJhbCwgUHVibGljS2V5VG9rZW49ODk4NDVkY2Q4MDgwY2M5MV1dBAAAAAdWZXJzaW9uCENvbXBhcmVyCEhhc2hTaXplDUtleVZhbHVlUGFpcnMAAwADCBZTeXN0ZW0uT3JkaW5hbENvbXBhcmVyCJMCU3lzdGVtLkNvbGxlY3Rpb25zLkdlbmVyaWMuS2V5VmFsdWVQYWlyYDJbW1N5c3RlbS5TdHJpbmcsIG1zY29ybGliLCBWZXJzaW9uPTQuMC4wLjAsIEN1bHR1cmU9bmV1dHJhbCwgUHVibGljS2V5VG9rZW49Yjc3YTVjNTYxOTM0ZTA4OV0sW01pY3Jvc29mdC5SZXBvcnRpbmcuV2ViRm9ybXMuRGV2aWNlSW5mbywgUmVwb3J0aW5nU2VydmljZXNXZWJTZXJ2ZXIsIFZlcnNpb249MTMuMC4wLjAsIEN1bHR1cmU9bmV1dHJhbCwgUHVibGljS2V5VG9rZW49ODk4NDVkY2Q4MDgwY2M5MV1dW10BAAAACQMAAAADAAAACQcAAAAEBQAAAKwBU3lzdGVtLkNvbGxlY3Rpb25zLkdlbmVyaWMuTGlzdGAxW1tNaWNyb3NvZnQuUmVwb3J0aW5nLldlYkZvcm1zLkRldmljZUluZm8sIFJlcG9ydGluZ1NlcnZpY2VzV2ViU2VydmVyLCBWZXJzaW9uPTEzLjAuMC4wLCBDdWx0dXJlPW5ldXRyYWwsIFB1YmxpY0tleVRva2VuPTg5ODQ1ZGNkODA4MGNjOTFdXQMAAAAGX2l0ZW1zBV9zaXplCF92ZXJzaW9uBAAAKU1pY3Jvc29mdC5SZXBvcnRpbmcuV2ViRm9ybXMuRGV2aWNlSW5mb1tdAgAAAAgICQgAAAABAAAAAQAAAAcHAAAAAAEAAAABAAAAA5ECU3lzdGVtLkNvbGxlY3Rpb25zLkdlbmVyaWMuS2V5VmFsdWVQYWlyYDJbW1N5c3RlbS5TdHJpbmcsIG1zY29ybGliLCBWZXJzaW9uPTQuMC4wLjAsIEN1bHR1cmU9bmV1dHJhbCwgUHVibGljS2V5VG9rZW49Yjc3YTVjNTYxOTM0ZTA4OV0sW01pY3Jvc29mdC5SZXBvcnRpbmcuV2ViRm9ybXMuRGV2aWNlSW5mbywgUmVwb3J0aW5nU2VydmljZXNXZWJTZXJ2ZXIsIFZlcnNpb249MTMuMC4wLjAsIEN1bHR1cmU9bmV1dHJhbCwgUHVibGljS2V5VG9rZW49ODk4NDVkY2Q4MDgwY2M5MV1dBPf///+RAlN5c3RlbS5Db2xsZWN0aW9ucy5HZW5lcmljLktleVZhbHVlUGFpcmAyW1tTeXN0ZW0uU3RyaW5nLCBtc2NvcmxpYiwgVmVyc2lvbj00LjAuMC4wLCBDdWx0dXJlPW5ldXRyYWwsIFB1YmxpY0tleVRva2VuPWI3N2E1YzU2MTkzNGUwODldLFtNaWNyb3NvZnQuUmVwb3J0aW5nLldlYkZvcm1zLkRldmljZUluZm8sIFJlcG9ydGluZ1NlcnZpY2VzV2ViU2VydmVyLCBWZXJzaW9uPTEzLjAuMC4wLCBDdWx0dXJlPW5ldXRyYWwsIFB1YmxpY0tleVRva2VuPTg5ODQ1ZGNkODA4MGNjOTFdXQIAAAADa2V5BXZhbHVlAQQnTWljcm9zb2Z0LlJlcG9ydGluZy5XZWJGb3Jtcy5EZXZpY2VJbmZvAgAAAAYKAAAAGkRhdGFWaXN1YWxpemF0aW9uRml0U2l6aW5nCQsAAAAHCAAAAAABAAAABAAAAAQnTWljcm9zb2Z0LlJlcG9ydGluZy5XZWJGb3Jtcy5EZXZpY2VJbmZvAgAAAAkLAAAADQMFCwAAACdNaWNyb3NvZnQuUmVwb3J0aW5nLldlYkZvcm1zLkRldmljZUluZm8CAAAABm1fbmFtZQdtX3ZhbHVlAQECAAAACQoAAAAGDQAAAAtBcHByb3hpbWF0ZQsWAgIBD2QWAmYPZBYCZg9kFgwCAQ8PFgIeC0hhc0NvbnRyb2xzZ2QWBAIDD2QWAgIDDxYCHgROYW1lBSVSZXBvcnRWaWV3ZXJDb250cm9sX2N0bDA0X2N0bDAzX2N0bDAxZAIFD2QWAgIDDxYCHwcFJVJlcG9ydFZpZXdlckNvbnRyb2xfY3RsMDRfY3RsMDVfY3RsMDFkAgIPZBYCAgIPFgIfAgUFZmFsc2VkAgMPDxYCHgdWaXNpYmxlaGRkAgUPZBYCAgIPFgIfAgUFZmFsc2VkAgYPZBYCZg9kFgJmD2QWBGYPD2QWAh4Fc3R5bGUFEHZpc2liaWxpdHk6bm9uZTtkAgMPZBYEAgEPFgIeB0VuYWJsZWRoZAIEDxYCHwIFAzEwMGQCCg9kFgICAQ8WAh8CBQVGYWxzZWQYAQUeX19Db250cm9sc1JlcXVpcmVQb3N0QmFja0tleV9fFiAFMFJlcG9ydFZpZXdlckNvbnRyb2wkY3RsMDQkY3RsMDMkZGREcm9wRG93bkJ1dHRvbgUxUmVwb3J0Vmlld2VyQ29udHJvbCRjdGwwNCRjdGwwMyRkaXZEcm9wRG93biRjdGwwMAUxUmVwb3J0Vmlld2VyQ29udHJvbCRjdGwwNCRjdGwwMyRkaXZEcm9wRG93biRjdGwwMgUxUmVwb3J0Vmlld2VyQ29udHJvbCRjdGwwNCRjdGwwMyRkaXZEcm9wRG93biRjdGwwMwUxUmVwb3J0Vmlld2VyQ29udHJvbCRjdGwwNCRjdGwwMyRkaXZEcm9wRG93biRjdGwwNAUxUmVwb3J0Vmlld2VyQ29udHJvbCRjdGwwNCRjdGwwMyRkaXZEcm9wRG93biRjdGwwNQUxUmVwb3J0Vmlld2VyQ29udHJvbCRjdGwwNCRjdGwwMyRkaXZEcm9wRG93biRjdGwwNgUxUmVwb3J0Vmlld2VyQ29udHJvbCRjdGwwNCRjdGwwMyRkaXZEcm9wRG93biRjdGwwNwUxUmVwb3J0Vmlld2VyQ29udHJvbCRjdGwwNCRjdGwwMyRkaXZEcm9wRG93biRjdGwwOAUxUmVwb3J0Vmlld2VyQ29udHJvbCRjdGwwNCRjdGwwMyRkaXZEcm9wRG93biRjdGwwOQUxUmVwb3J0Vmlld2VyQ29udHJvbCRjdGwwNCRjdGwwMyRkaXZEcm9wRG93biRjdGwxMAUxUmVwb3J0Vmlld2VyQ29udHJvbCRjdGwwNCRjdGwwMyRkaXZEcm9wRG93biRjdGwxMQUxUmVwb3J0Vmlld2VyQ29udHJvbCRjdGwwNCRjdGwwMyRkaXZEcm9wRG93biRjdGwxMgUxUmVwb3J0Vmlld2VyQ29udHJvbCRjdGwwNCRjdGwwMyRkaXZEcm9wRG93biRjdGwxMwUxUmVwb3J0Vmlld2VyQ29udHJvbCRjdGwwNCRjdGwwMyRkaXZEcm9wRG93biRjdGwxNAUxUmVwb3J0Vmlld2VyQ29udHJvbCRjdGwwNCRjdGwwMyRkaXZEcm9wRG93biRjdGwxNQUxUmVwb3J0Vmlld2VyQ29udHJvbCRjdGwwNCRjdGwwMyRkaXZEcm9wRG93biRjdGwxNgUxUmVwb3J0Vmlld2VyQ29udHJvbCRjdGwwNCRjdGwwMyRkaXZEcm9wRG93biRjdGwxNwUxUmVwb3J0Vmlld2VyQ29udHJvbCRjdGwwNCRjdGwwMyRkaXZEcm9wRG93biRjdGwxOAUxUmVwb3J0Vmlld2VyQ29udHJvbCRjdGwwNCRjdGwwMyRkaXZEcm9wRG93biRjdGwxOQUwUmVwb3J0Vmlld2VyQ29udHJvbCRjdGwwNCRjdGwwNSRkZERyb3BEb3duQnV0dG9uBTFSZXBvcnRWaWV3ZXJDb250cm9sJGN0bDA0JGN0bDA1JGRpdkRyb3BEb3duJGN0bDAwBTFSZXBvcnRWaWV3ZXJDb250cm9sJGN0bDA0JGN0bDA1JGRpdkRyb3BEb3duJGN0bDAyBTFSZXBvcnRWaWV3ZXJDb250cm9sJGN0bDA0JGN0bDA1JGRpdkRyb3BEb3duJGN0bDAzBTFSZXBvcnRWaWV3ZXJDb250cm9sJGN0bDA0JGN0bDA1JGRpdkRyb3BEb3duJGN0bDA0BTFSZXBvcnRWaWV3ZXJDb250cm9sJGN0bDA0JGN0bDA1JGRpdkRyb3BEb3duJGN0bDA1BTFSZXBvcnRWaWV3ZXJDb250cm9sJGN0bDA0JGN0bDA1JGRpdkRyb3BEb3duJGN0bDA2BTFSZXBvcnRWaWV3ZXJDb250cm9sJGN0bDA0JGN0bDA1JGRpdkRyb3BEb3duJGN0bDA3BTFSZXBvcnRWaWV3ZXJDb250cm9sJGN0bDA0JGN0bDA1JGRpdkRyb3BEb3duJGN0bDA4BTFSZXBvcnRWaWV3ZXJDb250cm9sJGN0bDA0JGN0bDA1JGRpdkRyb3BEb3duJGN0bDA5BSNSZXBvcnRWaWV3ZXJDb250cm9sJFRvZ2dsZVBhcmFtJGltZwUdUmVwb3J0Vmlld2VyQ29udHJvbCRjdGwwNyRpbWeh4k6oP2v2RyD7JkBegNWlkKc4gQzp2ZK9JtMLxgu//g==">
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['ReportViewerForm'];
if (!theForm) {
theForm = document.ReportViewerForm;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/ReportServer/WebResource.axd?d=9xs5IOIfHw061TI0iHfRtCwcwm-Hj_q-6nrNp49wBW4ITTDIgspL_7LVbElrrTLYqCLVjoZNUhMNPIuGvaFRYw4C2NbxxS79dLaHu03gifA1&t=637100682046795651" type="text/javascript"></script>
<script src="/ReportServer/ScriptResource.axd?d=rk4cQgE67-CFfPE2bk9TbF_e_pYPZ5Fy_vkGwRwoX5kyz2YOoqnm25wmjRq4HmptTWVP1ULqYBrE4HHK-M3T7oBdrEWrJmxRhtlT9GbkJ79fFOP6HC8nzRVpzGlPfqlt_M1axvx-GXQ4M61ubN1d8G-JHeYRmdfdWkz6GkwbsSs1&t=ffffffffecf19baa" type="text/javascript"></script>
<script src="/ReportServer/ScriptResource.axd?d=jke1BTXXkzpx8QyDNk5MBiwVYnFwjyMgzINrp_oXCpsBkko99HnDr_rzrNzvHzyAK0PVFrKABrFWK2A1cbJGAJbwkSwrXJvC58YVxf1fRHELz28rRMUg7_2CTjGPKJGz9CX-d_sSPpCNu_L1MCfcx0n5LMLmxXZvpfRgYnHZscD5sc4_hs3mrssMm0HwH86i0&t=ffffffffecf19baa" type="text/javascript"></script>
<script src="/ReportServer/Reserved.ReportViewerWebControl.axd?OpType=Resource&Version=13.0.1601.5&Name=Microsoft.Reporting.WebForms.Scripts.BrowserNavigationCorrector.js" type="text/javascript"></script>
<script src="/ReportServer/Reserved.ReportViewerWebControl.axd?OpType=Resource&Version=13.0.1601.5&Name=ViewerScript" type="text/javascript"></script>
<script src="/ReportServer/ScriptResource.axd?d=Fu_zv7h1Rznnc_ZLFNjT_Rl-wO7fB-KT_fBurCijvyrOMaFdirVDY9f7YXWFS9ztJmFsSywt6hVjNzhGPBxcy8ngfF6wmT3RlOVFYhrfgLCjbMZghFZSluNhGZuZMv2RUdvGMP0YFyGxyUTl8OPevvG_yMfV4QGjvLKS3jVKjiQ1&t=ffffffffecf19baa" type="text/javascript"></script>
<div class="aspNetHidden">
<input name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" type="hidden" value="177045DE">
</div>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('AjaxScriptManager', 'ReportViewerForm', ['tNavigationCorrector$ctl00','NavigationCorrector_ctl00','fReportViewerControl$ReportViewer','','fReportViewerControl$DocMap','','fReportViewerControl$ctl09$ReportArea',''], ['NavigationCorrector','NavigationCorrector'], ['ReportViewerControl$ctl09$ReportControl$ctl00',''], 0, '');
//]]>
</script>
<table width="100%" height="100%" cellspacing="0" cellpadding="0"><tbody><tr height="100%"><td width="100%">
<span><span id="ctl01_ctl00" style="display: none;"></span><script>
$addHandler(window, 'beforeunload', function() {Sys.WebForms.PageRequestManager.getInstance().abortPostBack();});
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function(sender, args) {
if (args.get_error() !== null) {
var label = $get('ctl01_ctl00');
label.style.display = '';
label.innerText = args.get_error().message;
label.textContent = label.innerText;
}
});
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(function(sender, args) {$get('ctl01_ctl00').style.display = 'none';});
</script></span><div id="NavigationCorrector" style="display: none;">
<input name="NavigationCorrector$ScrollPosition" id="NavigationCorrector_ScrollPosition" type="hidden"><input name="NavigationCorrector$ViewState" id="NavigationCorrector_ViewState" type="hidden"><input name="NavigationCorrector$PageState" id="NavigationCorrector_PageState" type="hidden" value="Loaded"><div id="NavigationCorrector_ctl00">
<input name="NavigationCorrector$NewViewState" id="NavigationCorrector_NewViewState" type="hidden">
</div>
</div><noscript>
Browser settings prevent scripts from running on this report. To view this report without scripts, click <a href="/reportserver?%2fMPM%2fMPM_ProjectServices_Schedule&rs:Command=Render&rs:Format=HTML5&rc:LinkTarget=_top&rc:Javascript=false&rc:Toolbar=false">here</a>
</noscript><div id="ReportViewerControl_ReportViewer" style="width: 100%; height: 100%;">
<div id="ReportViewerControl" style="width: 100%; height: 100%;" onclick="if ($get('ReportViewerControl_ctl04') != null && $get('ReportViewerControl_ctl04').control != null) $get('ReportViewerControl_ctl04').control.HideActiveDropDown();" onactivate="if ($get('ReportViewerControl_ctl04') != null && $get('ReportViewerControl_ctl04').control != null) $get('ReportViewerControl_ctl04').control.HideActiveDropDown();">
<div id="ReportViewerControl_HttpHandlerMissingErrorMessage" style="padding: 10px; border: 2px solid red; overflow: auto; font-size: 0.85em; display: none;">
<h2>
Report Viewer Configuration Error
</h2><p>The Report Viewer Web Control HTTP Handler has not been registered in the application's web.config file. Add <add verb="*" path="Reserved.ReportViewerWebControl.axd" type = "Microsoft.Reporting.WebForms.HttpHandler, ReportingServicesWebServer, Version=13.0.0.0, Culture=neutral, PublicKeyToken=89845dcd8080cc91" /> to the system.web/httpHandlers section of the web.config file, or add <add name="ReportViewerWebControlHandler" preCondition="integratedMode" verb="*" path="Reserved.ReportViewerWebControl.axd" type="Microsoft.Reporting.WebForms.HttpHandler, ReportingServicesWebServer, Version=13.0.0.0, Culture=neutral, PublicKeyToken=89845dcd8080cc91" /> to the system.webServer/handlers section for Internet Information Services 7 or later.</p>
</div><span id="ReportViewerControl_ctl03"><input name="ReportViewerControl$ctl03$ctl00" id="ReportViewerControl_ctl03_ctl00" type="hidden"><input name="ReportViewerControl$ctl03$ctl01" id="ReportViewerControl_ctl03_ctl01" type="hidden"></span><input name="ReportViewerControl$ctl10" id="ReportViewerControl_ctl10" type="hidden"><input name="ReportViewerControl$ctl11" id="ReportViewerControl_ctl11" type="hidden" value="standards"><div id="ReportViewerControl_AsyncWait" style="display: none; position: absolute; z-index: 1000; opacity: 0.7; background-color: white;">
</div><div class="WaitControlBackground" id="ReportViewerControl_AsyncWait_Wait" style="display: none; position: absolute; z-index: 1001;">
<table height="100%">
<tbody><tr>
<td width="32" height="32"><img style="width: 32px; height: 32px;" alt="Loading..." src="/ReportServer/Reserved.ReportViewerWebControl.axd?OpType=Resource&Version=13.0.1601.5&Name=Microsoft.Reporting.WebForms.Icons.SpinningWheel.gif"></td><td class="WaitInfoCell"><span class="WaitText">Loading...</span><div class="CancelLinkDiv">
<a class="CancelLinkText" href="javascript:$get('ReportViewerControl_AsyncWait').control._cancelCurrentPostback();">Cancel</a>
</div></td>
</tr>
</tbody></table>
</div><input name="ReportViewerControl$AsyncWait$HiddenCancelField" id="ReportViewerControl_AsyncWait_HiddenCancelField" type="hidden" value="False"><table id="ReportViewerControl_fixedTable" style="width: 100%; height: 100%; table-layout: fixed;" cellspacing="0" cellpadding="0">
<tbody><tr class="MenuBarBkGnd">
<td style="width: 25%; display: none;"></td><td style="width: 6px; display: none;"></td><td style="width: 100%;"></td>
</tr><tr id="ParametersRowReportViewerControl">
<td colspan="3"><div id="ReportViewerControl_ctl04" style="width: 100%; -ms-overflow-x: auto; -ms-overflow-y: hidden;">
<div onclick="if ($get('ReportViewerControl_ctl04') != null && $get('ReportViewerControl_ctl04').control != null) $get('ReportViewerControl_ctl04').control.HideActiveDropDown();" onactivate="if ($get('ReportViewerControl_ctl04') != null && $get('ReportViewerControl_ctl04').control != null) $get('ReportViewerControl_ctl04').control.HideActiveDropDown();">
<table width="100%" class="ParametersFrame ParamsGrid MenuBarBkGnd" id="ParameterTable_ReportViewerControl_ctl04" cellspacing="0" cellpadding="0" name="ParameterTable_ReportViewerControl_ctl04">
<tbody><tr>
<td width="100%" height="100%"><table id="ParametersGridReportViewerControl_ctl04">
<tbody><tr isparameterrow="true">
<td class="ParamLabelCell"><label for="ReportViewerControl_ctl04_ctl03_txtValue"><span>BU</span></label></td><td class="ParamEntryCell" style="padding-right: 0px;"><div id="ReportViewerControl_ctl04_ctl03" data-parametername="BU">
<div style="white-space: nowrap;" onactivate="event.cancelBubble=true;">
<input name="ReportViewerControl$ctl04$ctl03$txtValue" class="null" id="ReportViewerControl_ctl04_ctl03_txtValue" type="text" size="28" readonly="readonly"><input name="ReportViewerControl$ctl04$ctl03$ddDropDownButton" title="Select a value" id="ReportViewerControl_ctl04_ctl03_ddDropDownButton" style="margin-top: 1px; vertical-align: top; cursor: pointer;" type="image" alt="Select a value" src="/ReportServer/Reserved.ReportViewerWebControl.axd?OpType=Resource&Version=13.0.1601.5&Name=Microsoft.Reporting.WebForms.Icons.MultiValueSelect.gif">
</div>
</div></td><td class="InterParamPadding"></td><td class="ParamLabelCell"><label for="ReportViewerControl_ctl04_ctl05_txtValue"><span>Phase</span></label></td><td class="ParamEntryCell" style="padding-right: 0px;"><div id="ReportViewerControl_ctl04_ctl05" data-parametername="Phase">
<div style="white-space: nowrap;" onactivate="event.cancelBubble=true;">
<input name="ReportViewerControl$ctl04$ctl05$txtValue" class="null" id="ReportViewerControl_ctl04_ctl05_txtValue" type="text" size="28" readonly="readonly"><input name="ReportViewerControl$ctl04$ctl05$ddDropDownButton" title="Select a value" id="ReportViewerControl_ctl04_ctl05_ddDropDownButton" style="margin-top: 1px; vertical-align: top; cursor: pointer;" type="image" alt="Select a value" src="/ReportServer/Reserved.ReportViewerWebControl.axd?OpType=Resource&Version=13.0.1601.5&Name=Microsoft.Reporting.WebForms.Icons.MultiValueSelect.gif">
</div>
</div></td><td class="InterParamPadding"></td>
</tr>
</tbody></table></td><td width="6"></td><td class="SubmitButtonCell"><table>
<tbody><tr>
<td><input name="ReportViewerControl$ctl04$ctl00" id="ReportViewerControl_ctl04_ctl00" type="submit" value="View Report"></td>
</tr>
</tbody></table></td>
</tr>
</tbody></table><input disabled="disabled" style="display: none; visibility: hidden;" type="text">
</div>
</div><iframe name="ReportViewerControl_ctl04_ctl03_ctl01" title="BU place holder" id="ReportViewerControl_ctl04_ctl03_ctl01" src="javascript:'';" frameborder="0" longdesc="BU place holder" style="display: none; position: absolute; z-index: 10;" onclick="event.cancelBubble=true;" onactivate="event.cancelBubble=true;"></iframe><div id="ReportViewerControl_ctl04_ctl03_divDropDown" style="border: 1px solid darkgray; height: 150px; overflow: auto; display: none; position: absolute; z-index: 11; background-color: window;" onclick="event.cancelBubble=true;" onactivate="event.cancelBubble=true;">
<span><input name="ReportViewerControl$ctl04$ctl03$divDropDown$ctl01$HiddenIndices" id="ReportViewerControl_ctl04_ctl03_divDropDown_ctl01_HiddenIndices" type="hidden" value=""></span>
</div><iframe name="ReportViewerControl_ctl04_ctl05_ctl01" title="Phase place holder" id="ReportViewerControl_ctl04_ctl05_ctl01" src="javascript:'';" frameborder="0" longdesc="Phase place holder" style="display: none; position: absolute; z-index: 10;" onclick="event.cancelBubble=true;" onactivate="event.cancelBubble=true;"></iframe><div id="ReportViewerControl_ctl04_ctl05_divDropDown" style="border: 1px solid darkgray; height: 150px; overflow: auto; display: none; position: absolute; z-index: 11; background-color: window;" onclick="event.cancelBubble=true;" onactivate="event.cancelBubble=true;">
<span><input name="ReportViewerControl$ctl04$ctl05$divDropDown$ctl01$HiddenIndices" id="ReportViewerControl_ctl04_ctl05_divDropDown_ctl01_HiddenIndices" type="hidden" value=""></span>
</div></td>
</tr><tr style="height: 6px; font-size: 2pt;">
<td class="SplitterNormal" style="margin: 0px; padding: 0px; text-align: center; cursor: default;" colspan="3"><div id="ReportViewerControl_ToggleParam">
<input name="ReportViewerControl$ToggleParam$img" title="Hide Parameters" align="middle" id="ReportViewerControl_ToggleParam_img" aria-live="polite" style="cursor: pointer;" onclick="void(0);" type="image" alt="Hide Parameters" src="/ReportServer/Reserved.ReportViewerWebControl.axd?OpType=Resource&Version=13.0.1601.5&Name=Microsoft.Reporting.WebForms.Icons.SplitterHorizCollapse.png"><input name="ReportViewerControl$ToggleParam$store" id="ReportViewerControl_ToggleParam_store" type="hidden"><input name="ReportViewerControl$ToggleParam$collapse" id="ReportViewerControl_ToggleParam_collapse" type="hidden" value="false">
</div></td>
</tr><tr style="display: none;">
</tr><tr>
<td style="width: 25%; height: 100%; vertical-align: top; display: none;"><div style="width: 100%; height: 100%;">
<div id="ReportViewerControl_DocMap" style="width: 100%; height: 100%;">
<div id="ReportViewerControl_ctl08" style="display: none;">
<input name="ReportViewerControl$ctl08$ClientClickedId" id="ReportViewerControl_ctl08_ClientClickedId" type="hidden">
</div>
</div>
</div></td><td class="SplitterNormal" style="margin: 0px; padding: 0px; width: 4px; height: 100%; vertical-align: middle; display: none;"><div id="ReportViewerControl_ctl07">
<input name="ReportViewerControl$ctl07$img" title="Hide Document Map" align="top" id="ReportViewerControl_ctl07_img" aria-live="polite" style="cursor: pointer;" onclick="void(0);" type="image" alt="Hide Document Map" src="/ReportServer/Reserved.ReportViewerWebControl.axd?OpType=Resource&Version=13.0.1601.5&Name=Microsoft.Reporting.WebForms.Icons.SplitterVertCollapse.png"><input name="ReportViewerControl$ctl07$store" id="ReportViewerControl_ctl07_store" type="hidden"><input name="ReportViewerControl$ctl07$collapse" id="ReportViewerControl_ctl07_collapse" type="hidden" value="false">
</div></td><td style="height: 100%; vertical-align: top;"><div id="ReportViewerControl_ctl09" style="width: 100%; height: 247.27px; overflow: auto; position: relative;">
<div id="VisibleReportContentReportViewerControl_ctl09" role="main" style="display: none;"></div><div id="ReportViewerControl_ctl09_ReportArea">
<div id="ReportViewerControl_ctl09_VisibilityState" fornonreportcontentarea="false" newcontenttype="ReportingServices.WebFormsClient.ReportAreaContent.None">
<input name="ReportViewerControl$ctl09$VisibilityState$ctl00" type="hidden" value="None">
</div><input name="ReportViewerControl$ctl09$ScrollPosition" id="ReportViewerControl_ctl09_ScrollPosition" type="hidden"><span id="ReportViewerControl_ctl09_Reserved_AsyncLoadTarget"></span><div id="ReportViewerControl_ctl09_ReportControl" style="display: none;">
<span></span><input name="ReportViewerControl$ctl09$ReportControl$ctl02" type="hidden"><input name="ReportViewerControl$ctl09$ReportControl$ctl03" type="hidden"><input name="ReportViewerControl$ctl09$ReportControl$ctl04" id="ReportViewerControl_ctl09_ReportControl_ctl04" type="hidden" value="100">
</div><div id="ReportViewerControl_ctl09_NonReportContent" style="width: 100%; height: 100%; display: none;">
</div>
</div>
</div></td>
</tr>
</tbody></table>
</div>
</div>
</td></tr></tbody></table>
Problem
i've to do a little html email just for test. The problem is that right now i cannot reset all the space between this 5 tds.
I need them in the center of the table.
Tries
I already tried, as suggested in many posts:
border spacing
border collapse
reset all in css ( html, body, p etc )
display: inline-table
display: inline-block
This is only the interested row of a bigger table, the other rows works perfectly.
i don't know what i could try to fix this.
Expectation
five square near to each other in the center of the
Code
<table id="bodyTable" width="100%" bgcolor="#efefef" border="0" cellspacing="0" cellpadding="0" style="margin: 0 auto; font-family: Museo, Helvetica, Arial, sans-serif">
<tr>
<td>
<table align="center" border="0" cellspacing="0" cellpadding="0" style="max-width: 600px">
<tr>
<tr>
<td>
<table width="600px" border="0" cellspacing="0" cellpadding="0" bgcolor="#efefef">
<tr>
<td align="center">
<img style="height: 30px; padding: 10px" src="https://i.ibb.co/y48sqQs/Goglueplus-Logo.png" alt="twitterButton">
</td>
<td align="center">
<img style="height: 30px; padding: 10px;" src="https://i.ibb.co/m5nZrrg/facebook-Mini-Button.png" alt="facebookButton">
</td>
<td align="center">
<img style="height: 30px; padding: 10px" src="https://i.ibb.co/cxLcQcQ/Instagram-Logo.png" alt="googlePlusButton">
</td>
<td align="center">
<img style="height: 30px; padding: 10px" src="https://i.ibb.co/rxT4vzx/Linkedin-Button.png" alt="linkedinButton">
</td>
<td align="center">
<img style="height: 30px; padding: 10px" src="https://i.ibb.co/3FCYZ4z/twitter-Button.png" alt="instagramButton">
</td>
</tr>
</table>
</td>
</tr>
</tr>
</table>
</td>
</tr>
</table>
CSS RESET
body {
margin: 0;
padding: 0;
-webkit-text-size-adjust: 100% !important;
-ms-text-size-adjust: 100% !important;
-webkit-font-smoothing: antialiased !important;
}
img {
border: 0 none !important;
display: block;
height: auto;
line-height: 100%;
outline: none !important;
text-decoration: none;
}
a img {
border: 0 none;
}
table, td {
border-collapse: collapse;
border: 0 none;
}
td, a, span {
mso-line-height-rule: exactly;
}
p {
Margin: 0px !important;
Padding: 0px !important;
}
#bodyTable{
height: 100% !important;
margin: 0;
padding: 0;
width: 100% !important;
-webkit-text-size-adjust: 100% !important;
-ms-text-size-adjust: 100% !important;
-webkit-font-smoothing: antialiased !important;
}
In the Html, your table width is 600px. Try 300px for centering them.
body {
margin: 0;
padding: 0;
-webkit-text-size-adjust: 100% !important;
-ms-text-size-adjust: 100% !important;
-webkit-font-smoothing: antialiased !important;
}
img {
border: 0 none !important;
display: block;
height: auto;
line-height: 100%;
outline: none !important;
text-decoration: none;
}
a img {
border: 0 none;
}
table,
td {
border-collapse: collapse;
border: 0 none;
}
td,
a,
span {
mso-line-height-rule: exactly;
}
p {
Margin: 0px !important;
Padding: 0px !important;
}
#bodyTable {
height: 100% !important;
margin: 0;
padding: 0;
width: 100% !important;
-webkit-text-size-adjust: 100% !important;
-ms-text-size-adjust: 100% !important;
-webkit-font-smoothing: antialiased !important;
}
<table id="bodyTable" width="100%" bgcolor="#efefef" border="0" cellspacing="0" cellpadding="0" style="margin: 0 auto; font-family: Museo, Helvetica, Arial, sans-serif">
<tr>
<td>
<table align="center" border="0" cellspacing="0" cellpadding="0" style="max-width: 600px">
<tr>
<tr>
<td>
<table width="300px" border="0" cellspacing="0" cellpadding="0" bgcolor="#efefef">
<tr>
<td align="center">
<img style="height: 30px; padding: 10px" src="https://i.ibb.co/y48sqQs/Goglueplus-Logo.png" alt="twitterButton">
</td>
<td align="center">
<img style="height: 30px; padding: 10px;" src="https://i.ibb.co/m5nZrrg/facebook-Mini-Button.png" alt="facebookButton">
</td>
<td align="center">
<img style="height: 30px; padding: 10px" src="https://i.ibb.co/cxLcQcQ/Instagram-Logo.png" alt="googlePlusButton">
</td>
<td align="center">
<img style="height: 30px; padding: 10px" src="https://i.ibb.co/rxT4vzx/Linkedin-Button.png" alt="linkedinButton">
</td>
<td align="center">
<img style="height: 30px; padding: 10px" src="https://i.ibb.co/3FCYZ4z/twitter-Button.png" alt="instagramButton">
</td>
</tr>
</table>
</td>
</tr>
</tr>
</table>
enter image description here
In DIV only five element will be shown at a time and HTML code will also have only five tgas as below.
<div class="filter-item-wrapper" style="width: 193px; height: 150.5px; overflow: hidden;">
<div class="filter-item" style="padding-top: 4.625px; padding-bottom: 4.625px; border-width: 1px; margin: 2px; height: 20px; box-sizing: content-box; width: 322px; display: block; left: 0px;">
<div class="filter-item" style="padding-top: 4.625px; padding-bottom: 4.625px; border-width: 1px; margin: 2px; height: 20px; box-sizing: content-box; width: 322px; display: block; left: 0px;">
<div class="filter-item" style="padding-top: 4.625px; padding-bottom: 4.625px; border-width: 1px; margin: 2px; height: 20px; box-sizing: content-box; width: 322px; display: block; left: 0px;">
<div class="filter-item" style="padding-top: 4.625px; padding-bottom: 4.625px; border-width: 1px; margin: 2px; height: 20px; box-sizing: content-box; width: 322px; display: block; left: 0px;">
<div class="filter-item" style="padding-top: 4.625px; padding-bottom: 4.625px; border-width: 1px; margin: 2px; height: 20px; box-sizing: content-box; width: 322px; display: block; left: 0px;">
</div>
On scrolling down only above five elements data will be refreshed.
I tried using below code.
// Create instance of Javascript executor
JavascriptExecutor je = (JavascriptExecutor) driver;
//Identify the WebElement which will appear after scrolling down
WebElement element = driver.findElement(By.tagName("...."));
// now execute query which actually will scroll until that element is not appeared on page.
je.executeScript("arguments[0].scrollIntoView(true);",element);
but this won't help me as every time last element is same only data inside element gets refreshed.
Please help me how to scroll in above list.
Before Scroll
<div class="filter-item-wrapper" style="width: 193px; height: 150.5px; overflow: hidden;">
<div class="filter-item" style="padding-top: 4.625px; padding-bottom: 4.625px; border-width: 1px; margin: 2px; height: 20px; box-sizing: content-box; width: 322px;">
<input class="filter-item-input" value="(Blanks)" type="checkbox">
<span class="filter-item-text">(Blanks)</span>
</div>
<div class="filter-item" style="padding-top: 4.625px; padding-bottom: 4.625px; border-width: 1px; margin: 2px; height: 20px; box-sizing: content-box; width: 322px;">
<input class="filter-item-input" value="BMC Remedy Migrator 3.0" type="checkbox">
<span class="filter-item-text">BMC Remedy Migrator 3.0</span>
</div>
<div class="filter-item" style="padding-top: 4.625px; padding-bottom: 4.625px; border-width: 1px; margin: 2px; height: 20px; box-sizing: content-box; width: 322px;">
<input class="filter-item-input" value="Bottomline Create!form Director 6.1" type="checkbox">
<span class="filter-item-text">Bottomline Create!form Director 6.1</span>
</div>
<div class="filter-item" style="padding-top: 4.625px; padding-bottom: 4.625px; border-width: 1px; margin: 2px; height: 20px; box-sizing: content-box; width: 322px;">
<input class="filter-item-input" value="Bottomline Create!form Director 6.2" type="checkbox">
<span class="filter-item-text">Bottomline Create!form Director 6.2</span>
</div>
<div class="filter-item" style="padding-top: 4.625px; padding-bottom: 4.625px; border-width: 1px; margin: 2px; height: 20px; box-sizing: content-box; width: 322px;">
<input class="filter-item-input" value="Cisco Application Networking Manager (ANM) 4.1" type="checkbox">
<span class="filter-item-text">Cisco Application Networking Manager (ANM) 4.1</span>
</div>
</div>
After Scroll
<div class="filter-item-wrapper" style="width: 193px; height: 150.5px; overflow: hidden;">
<div class="filter-item" style="padding-top: 4.625px; padding-bottom: 4.625px; border-width: 1px; margin: 2px; height: 20px; box-sizing: content-box; width: 344px;">
<input class="filter-item-input" value="Sage Peachtree Premium Accounting 12.0 SR2 (2005)" type="checkbox">
<span class="filter-item-text">Sage Peachtree Premium Accounting 12.0 SR2 (2005)</span>
</div>
<div class="filter-item" style="padding-top: 4.625px; padding-bottom: 4.625px; border-width: 1px; margin: 2px; height: 20px; box-sizing: content-box; width: 344px;">
<input class="filter-item-input" value="Sage Peachtree Premium Accounting 12.0 SR3 (2005)" type="checkbox">
<span class="filter-item-text">Sage Peachtree Premium Accounting 12.0 SR3 (2005)</span>
</div>
<div class="filter-item" style="padding-top: 4.625px; padding-bottom: 4.625px; border-width: 1px; margin: 2px; height: 20px; box-sizing: content-box; width: 344px;">
<input class="filter-item-input" value="Sage Peachtree Premium Accounting 13.0 (2006)" type="checkbox">
<span class="filter-item-text">Sage Peachtree Premium Accounting 13.0 (2006)</span>
</div>
<div class="filter-item" style="padding-top: 4.625px; padding-bottom: 4.625px; border-width: 1px; margin: 2px; height: 20px; box-sizing: content-box; width: 344px;">
<input class="filter-item-input" value="Sage Peachtree Premium Accounting 13.0 SR1 (2006)" type="checkbox">
<span class="filter-item-text">Sage Peachtree Premium Accounting 13.0 SR1 (2006)</span>
</div>
<div class="filter-item" style="padding-top: 4.625px; padding-bottom: 4.625px; border-width: 1px; margin: 2px; height: 20px; box-sizing: content-box; width: 344px;">
<input class="filter-item-input" value="Sage Peachtree Premium Accounting 13.0 SR2 (2006)" type="checkbox">
<span class="filter-item-text">Sage Peachtree Premium Accounting 13.0 SR2 (2006)</span>
</div>
</div>
Right now the system is printing the Product Labels and work fine but in wrong dimensions.
I need set width to 7cm and height to 4cm on QWEB report.
Where I can change the dimensions to print QWEB report?
I can't change the format to the print preferences because in a sheet can be many Products Labels.
This is my QWEB:
<?xml version="1.0"?>
<t t-name="product.report_productlabel">
<t t-call="report.html_container">
<div class="page">
<style>
</style>
<t t-foreach="docs" t-as="template">
<t t-foreach="template.product_variant_ids" t-as="product">
<div class="col-xs-6" style="padding:0;">
<table style="border-spacing:0;margin-bottom:0;height: 110px;border: 2px solid black;" class="table">
<thead>
<tr style="width: 3in;">
<td style="width: 2.63in;text-align: center;background-color: #fff;" colspan="2" class="col-xs-8 danger">
<strong style="text-transform: uppercase;">
<t t-esc="product.name"/>
</strong>
</td>
</tr>
</thead>
<tbody>
<tr style="width: 1in;">
<td style="text-align: center; border-top: 0px solid #fff; padding: 0px 5px 0px 5px;" class="col-xs-5">
<h4 style="border: 4px solid #ff4040;border-radius: 9px;background-color: #ffff00;padding: 10px 12px 10px 12px;font-size: 26px;margin-top: 0px;margin-bottom: 0px;">
<strong t-field="product.list_price" />
<strong>
<t t-esc="product.company_id.currency_id.symbol"/>
</strong>
</h4>
</td>
<td style="text-align: center;border-top: 0px solid #fff;padding: 0px 5px 0px 5px;" class="col-xs-7">
<img class="img-responsive"
t-att-src="'data:image/png;base64,%s' % res_company.logo"
style="background-color: #fff;margin-left: auto;margin-right: auto;width: auto;height: 16px;margin-bottom: 8px;"/>
<img class="img-responsive" t-if="product.barcode"
t-att-src="'/report/barcode/?type=%s&value=%s&width=%s&height=%s' % ('EAN13', product.barcode, 650, 200)"
style="height: 20px;width: 100%;"/>
<span style="">
<t t-esc="product.barcode"/>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</t>
</t>
</div>
This the solution for the width of the table using the DPI of 90;
<table style="border-spacing:0;margin-bottom:0;height: 187px; width: 319px; border: 2px solid black;" class="table">
This is the QWEB template with the dimensions you need and I also scale the fonts and padding of the table elements to match the new width and height:
<?xml version="1.0"?>
<t t-name="product.report_productlabel">
<t t-call="report.html_container">
<div class="page">
<style>
</style>
<t t-foreach="docs" t-as="template">
<t t-foreach="template.product_variant_ids" t-as="product">
<div class="col-xs-6" style="padding:0;">
<table style="border-spacing:0;margin-bottom:0;height: 187px; width: 319px; border: 2px solid black;"
class="table">
<thead>
<tr style="width: 3in;">
<td style="width: 2.63in; font-size: 19px; text-align: left; background-color: #fff; margin-top: 10px;"
colspan="2"
class="col-xs-8 danger">
<strong style="text-transform: uppercase;">
<t t-esc="product.name"/>
</strong>
</td>
</tr>
</thead>
<tbody>
<tr style="width: 1in;">
<td width="50%"
style="text-align: center; border-top: 0px solid #fff; padding: 5px; position: relative;">
<div style="position:absolute; bottom: 20px; left: 0; padding-left: 5px; width: 100%">
<h4 style="border: 4px solid #ff4040; border-radius: 9px; background-color: #ffff00; padding: 10px 6px; font-size: 21px; margin: 0px ">
<strong t-field="product.list_price"/>
<strong>
<t t-esc="product.company_id.currency_id.symbol"/>
</strong>
</h4>
</div>
</td>
<td width="50%"
style="text-align: center;border-top: 0px solid #fff;padding: 5px; position: relative;">
<div style="position:absolute; bottom: 20px; padding-right: 5px;">
<img class="img-responsive"
t-att-src="'data:image/png;base64,%s' % res_company.logo"
style="background-color: #fff; margin-left: auto; margin-right: auto; width: auto; height: 35px; margin-bottom: 5px;"/>
<img class="img-responsive" t-if="product.barcode"
t-att-src="'/report/barcode/?type=%s&value=%s&width=%s&height=%s' % ('EAN13', product.barcode, 650, 200)"
style="height: 20px; width: 100%;"/>
<span style="font-size: 14px">
<t t-esc="product.barcode"/>
</span>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</t>
</t>
</div>
</t>
You might look at the report.paperformat model, which defines the format for the paper size. You find the default values in addons\report\views\report_paperformat_views.xml.