On resizing the my tasks control...

[.jussi]

I have made some progress. By using some javascript trickery, I am able to
control the size of the my tasks web part - but the bad thing is, currently I
am ending up with broken headers on the web part.

What I do is simply inject jquery through a content editor web part and edit
the my tasks via javascript. Note that this example pulls the jquery from
google api's for being ready to rock on a copy/paste's notice, but you may
want to upload a copy to your PWA and use it from there.

Oh, and I take no responsibility for anything breaking, of course...

<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"
type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#TaskPart_Grid_Div").removeAttr("style");
});
</script>

 

[.jussi]

A bit more messing about and experimenting, and I figured out that the jQuery
script is executing after the sharepoint control scripts have fired... and
the taskpart grid has changed quite a bit. Well, this makes the task a bit
easier in the context of simply expanding the my tasks control to fill the
screen.

This is what the div's style looks like when the jQuery script fires:
OVERFLOW-Y: auto; VISIBILITY: hidden; OVERFLOW-X: auto; WIDTH: 100px

All you need to do is to set the div's overflows as visible;
$("#TaskPart_Grid_Div").attr("style","OVERFLOW-Y: visible; VISIBILITY:
hidden; OVERFLOW-X: visible; WIDTH: 100px");
});

That should make my technical resources happy. Hope it works for someone
else too.

 

[Ivor Davies]

Do you have a listing of the WHOLE CODE that you put into the CONTENT EDITOR
web part? Where did you put the DIV's overflows (at the end?)?

Please let me know as I would like to implement this too...

Thanks so much..

Ivor

 

[.jussi]

Sure,

<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 EPM so
that you don't have to fetch it from Google.

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

Hope that helps,
- Jussi