can you make My Tasks webpart use more vertical space on the page?

[Shawn Everingham]

I have gone into Site Actions/Edit Page, then I click on the edit button for
the My Tasks shared web part and select modify shared web part.

The web part properties dialog appears on the right and it would seem as
though it will allow me give a height in pixels, but this doesn't do anything
but push the bottom of the page down, creating even more white space below
the useful area of this webpart.

Can you make this web part expand so that the scroll bar on the right hand
side of this web part goes away? or I'd like to display 3 pages of my tasks
on a single page. All I seem to be able to achieve is getting about 4 inches
of visible space in this grid. I WANT TO SEE 10-15 INCHES! and I don't wanna
have to scroll thru this grid..

Anyone know how and willing to share how to do it?
thanks! Shawn

 

[Andrew Jacks]

Shawn,

I believe that the Hight and Width settings control the actual size of the
web part displayed to the user. However there is the ability to control the
number of tasks displayed on the page.

If you modify the web part, expand the 'Project Web Access' settings you
will see the 'Items Per Page'

Maybe this will help

 

[Marc Soester [MVP]]

Shawn, the functionality is fairly limited when it comes to screen
resolution. the only out of the box options yoy have you will find in the
Web Part proerties.
Hope this helps

 

[.jussi]

Hello Shawn,

This is quite a frequently asked question. I struggled with it for a good
while myself before discovering a way around the limitation.

The workaround is done by inserting a content editor web part on the my
tasks page. In that web part, you include a javascript snippet (mine is
powered by the jQuery javascript library, you can either link to google's
hosted jQuery or upload it to your own PWA) that will force a resize of the
control after the page has loaded.

The jQuery script will execute after the sharepoint control scripts have
fired. The taskpart grid DOM node changes quite a bit during the page load.
This is what the div's style looks like when the jQuery script in the content
editor web part fires:
OVERFLOW-Y: auto; VISIBILITY: hidden; OVERFLOW-X: auto; WIDTH: 100px

To get it to scale to fullscreen, you want to make the overflows visible:
OVERFLOW-Y: visible; VISIBILITY: hidden; OVERFLOW-X: visible; WIDTH: 100px

Which is attained with this script snippet in the content editor web part:

<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"
type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#TaskPart_Grid_Div").attr("style","OVERFLOW-Y: visible; VISIBILITY:
hidden; OVERFLOW-X: visible; WIDTH: 100px");
});
</script>

That's it. Like I said, you may want to upload the jquery to your PWA so
that you don't have to fetch it from Google.

This is far from an optimal solution, more of a band-aid-fix. It does make the
control more usable at least.

Hope that helps,
- Jussi

 

[Shawn Everingham]

Andrew, those controls don't do much good...adjusting the height only makes
the white space at the bottom of the page larger.

Marc, thanks, but I'm not satisfied with the properties.

..jussi! this is the kind of answer I was hoping for.
Thanks! I'll let you know.
Shawn

 

[Shawn Everingham]

..jussi, is jquery really required here? can't I just rewrite the
TaskPart_Grid_Div class with my own TaskPart_Grid_Div attributes via CSS?

I guess my question is, why do you use jQuery? thanks in advance!
Shawn