Ancho y alto de la parte web de SharePoint dinámico

Question

Estoy intentando ajustar dinámicamente el ancho y alto de un elemento web en una página de elementos web de SharePoint para que llene todo el espacio disponible. Parece que no hay forma de elegir un porcentaje de ancho y alto desde la ventana del editor de propiedades de la parte web en SharePoint. Además, al intentar establecerlo dinámicamente en la instancia de pieza web a través del código, SharePoint arroja una excepción al efecto de que las dimensiones proporcionales no son compatibles.

¿Hay alguna forma de hacerlo utilizando, por ejemplo, Javascript? He visto cosas similares utilizando jQuery, pero no exactamente lo que estoy buscando (y no estoy lo suficientemente familiarizado con jQuery para encontrar algo por mi cuenta).

Answer 1

Hay un elemento web disponible que does this here. También se puede ver una solución en TechNet communities de "potta Vijay Kumar" (donde me encontré con que la parte web también):

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 es el ID del iframe.

A jQuery solution está disponible en EndUserSharePoint.

Answer 2

Esto es lo que hice:

que tenían un iFrame dentro de la parte web media, donde estaré cargando páginas web basado en el menú de la parte izquierda web. Así que tomé el elemento <td> donde se colocan los dos webparts (es un elemento <td> con la clase establecido como ms-bodyareaframe)

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

Este será perfectamente cambiar el tamaño de la parte web donde reside el marco flotante.

Nota: esto puede no funcionar en todos los casos