Ширина и высота веб-частей Dynamic SharePoint

Question

Я пытаюсь динамически регулировать ширину и высоту веб-части на странице веб-части SharePoint так, чтобы она заполняла все свободное пространство. Похоже, что нет способа выбрать процент для ширины и высоты из окна редактора свойств веб-части в SharePoint. Кроме того, пытаясь динамически установить его на экземпляр веб-части с помощью кода, результат SharePoint выдает исключение из-за того, что пропорциональные размеры не поддерживаются.

Есть ли способ сделать это, используя, например, Javascript? Я видел подобные вещи, сделанные с помощью jQuery, но не совсем то, что я ищу (и я недостаточно знаком с jQuery, чтобы что-то придумать сам).

Answer 1

В продаже имеется веб-часть does this here. Вы также можете увидеть решение на TechNet communities от «potta Виджей Кумар» (где я обнаружил, что веб-часть тоже):

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 является идентификатор фрейма.

A jQuery solution можно получить у EndUserSharePoint.

Answer 2

Вот что я сделал:

Я был IFrame внутри среднего WebPart, где я буду нагружать веб-страниц на основе меню слева веб-части. Так что я взял <td> элемент, где оба WebParts помещены (его <td> элемент с классом установлен как ms-bodyareaframe)

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

Это совершенно измените размер WebPart, где IFrame проживает.

Примечание: возможно, это не сработает во всех случаях