How can I resize the size of the Excel web part?

Question

I have a spreadsheet that i want to use to populate a page in my SharePoint site.  i copied the workbook to the site, created the page and added the excel web part. then i linked the workbook to the web part and submitted.  it displays but only
about 25% of the sheet shows. i dont want to use the thumbs to scroll inside the web part. i want the web part sized to show the entire spreadsheet.  cant seem to find how to size the web part. Can some kind soul help me out here.
thanks

Answer 1

Hi,
According to your post, my understanding is that you wanted to resize the size of the Excel web part.
Per my knowleadge, most of the time excel web parts turn out ugly, due to the fact that they’re rendered in an iframe and therefore the browser doesn’t resize the container to fit the content.
As a workaround, we can edit the page where you want the resizing to happen, add in a content editor web part, and paste the following code into the source editor.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () { // resizes excel webparts
$("td[id^='MSOZoneCell_WebPart']").each (function (i, e) {
var findIframe = $(e).find ("iframe:first");
if (findIframe &amp;&amp; findIframe.attr ("scriptforiframecontent"))
bindEwaLoaded ("#"+e.id);
function bindEwaLoaded(obj) { // bind event to the web part
$(obj).bind ("ewaLoaded", function (e) {
var b = $(e.target).find ("iframe:first").attr ("postedbackalready");
if (b == undefined) // loop until iframe is ready
setTimeout (function() { $(e.target).trigger ("ewaLoaded"); }, 1000);
else // try to resize now
ewaSetSize (e.target);
}).trigger ("ewaLoaded"); // first trigger now
function ewaSetSize(obj) { // resize elements
// configure paddings
var excelObjectWidthPadding = 50;
var excelObjectHeightPadding = 50.
var w, h, div1, div2;
var e = $(obj).find ("iframe:first").contents().find ("table.ewrnav-invisibletable-nopadding:last");
if (e.length != 0) { // excel table
w = e.width ();
h = e.height ();
div1 = $(obj).find ("table:first> tbody:first> tr:eq(1)> td> div> div");
div2 = $(div1).find ("table:first> tbody:first> tr:eq(1)> td> div");
} else {
e = $(obj).find ("iframe:first").contents().find ("div.ewrchart-img-div");
if (e.length != 0) { // excel chart
w = e.width ();
h = e.height ();
div1 = $(obj).find ("table:first> tbody:first> tr:eq(0)> td> div> div");
div2 = $(div1).find ("table:first> tbody:first> tr:eq(1)> td> div");
if (w == 0 || w == undefined) { // loop until content is ready
setTimeout (function() { ewaSetSize (obj); }, 1000);
} else { // do resize
w += excelObjectWidthPadding;
h += excelObjectHeightPadding;
div1.width (w);
div2.height (h);
</script>
For more information:
Automatically resizing Sharepoint Excel Web Parts
JQuery for Everyone: Dynamically Sizing Excel Web Parts
Dynamically re-sizing excel services webparts
Thanks,
Jason
Jason Guo
TechNet Community Support