Largeur et hauteur de la partie Web dynamique SharePoint

Question

J'essaie d'ajuster dynamiquement la largeur et la hauteur d'une partie Web dans une page de partie Web SharePoint afin qu'elle remplisse tout l'espace disponible. Il semble qu'il n'existe aucun moyen de choisir un pourcentage pour la largeur et la hauteur à partir de la fenêtre de l'éditeur de propriétés de composant WebPart dans SharePoint. En outre, en essayant de le définir dynamiquement sur l'instance de composant WebPart via le code, SharePoint génère une exception à l'effet que les dimensions proportionnelles ne sont pas prises en charge.

Y at-il un moyen de le faire en utilisant, par exemple, Javascript? J'ai vu des choses similaires en utilisant jQuery, mais pas exactement ce que je cherchais (et je ne suis pas assez familier avec jQuery pour trouver quelque chose par moi-même).

Answer 1

Il existe une partie Web disponible does this here. Vous pouvez également voir une solution sur TechNet communities de "Potta Vijay Kumar" (où je trouve cette partie web aussi):

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 est l'ID de l'iframe.

Un jQuery solution est disponible auprès de EndUserSharePoint.

Answer 2

Voici ce que je faisais:

J'ai eu un iFrame dans le milieu webpart, où je vais pages Web en fonction du chargeais menu partie gauche de la bande. Je prends donc l'élément <td> où les deux webparts sont placés (son un élément <td> avec classe définie comme ms-bodyareaframe)

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

Cela parfaitement redimensionner le webpart où l'iframe réside.

Remarque: cela peut ne pas fonctionner dans tous les cas