Dynamische SharePoint-Webpartbreite und -höhe

Question

Ich versuche, die Breite und Höhe eines Webparts auf einer SharePoint-Webpartseite dynamisch anzupassen, sodass der gesamte verfügbare Speicherplatz voll belegt wird. Anscheinend gibt es im Webpart-Eigenschaftseditorfenster in SharePoint keine Möglichkeit, einen Prozentsatz für Breite und Höhe zu wählen. Wenn Sie versuchen, die Webpart-Instanz über Code dynamisch festzulegen, wird in SharePoint eine Ausnahme ausgelöst, sodass keine proportionalen Dimensionen unterstützt werden.

Gibt es eine Möglichkeit, dies zum Beispiel mit Javascript zu tun? Ich habe ähnliche Dinge mit jQuery gemacht, aber nicht genau das, wonach ich suche (und ich bin nicht genug vertraut mit jQuery, um etwas selbst zu finden).

Answer 1

Es ist ein Webpart verfügbar, der does this here. Sie können auch eine Lösung auf TechNet communities von "potta Vijay Kumar" sehen (wo ich, dass Web-Teil zu finden):

function calcHeight() 
{ 
    //find the height of the internal page 
    var the_height= 
    document.getElementById('contentpage').contentWindow. 
     document.body.scrollHeight; 

    //change the height of the iframe 
    document.getElementById('contentpage').height= 
     the_height; 
} 

contentpage die ID des iframe ist.

Ein jQuery solution ist von EndUserSharePoint verfügbar.

Answer 2

Hier ist, was ich getan habe:

ich ein iFrame in der Mitte webpart hatte, wo ich Webseiten basierend auf dem linken Webpart-Menü wird geladen. Also nahm ich das <td> Element in den beide webparts platziert ist (es ist ein <td> Element mit Klasse gesetzt, wie ms-bodyareaframe)

var head=$('td.ms-bodyareaframe'); 
$("#myFrame").height(head.position.height()).attr('src',unescape(loc)); 
$("#myFrame").parent().height(head.height()-50); 

Dies wird perfekt wieder Größe der webpart wo der iframe befindet.

Hinweis: Dies funktioniert möglicherweise nicht in allen Fällen