Неверный размер всплывающего диалогового окна SharePoint 2010

Question

Я нахожусь в процессе обновления внешнего вида веб-приложения SharePoint 2007 для SharePoint 2010.

Всплывающие диалоговые окна для новых элементов, edit и т. Д. c. иметь встроенный стиль для фиксированной ширины и высоты, что меня удивило. Как вы можете видеть ниже, div.ms-dlgContent, .ms-dlgBorder, .ms-dlgTitle и iframe.ms-dlgFrame имеют встроенную фиксированную ширину.

<div class="ms-dlgContent" role="dialog" aria-labelledby="dialogTitleSpan" tabindex="-1" style="z-index: 1505; display: block; width: 502px; height: 518px; left: 699.5px; top: 10px;">
  <div class="ms-dlgBorder" style="width: 500px; height: 516px;">
    <div class="ms-dlgTitle" style="width: 500px;">...</div>
    <div class="ms-dlgFrameContainer">
      <iframe id="GUID" class="ms-dlgFrame" src="/_layouts/listform.aspx?ListId=GUID" frameborder="0" style="width: 500px; height=484px;">...</iframe>
    </div>
  </div>
</div>

Я могу получить доступ и обновить div и iframe с помощью jquery в инструментах разработчика браузера с помощью:

$('.ms-dlgContent').css('width','');
$('.ms-dlgBorder').css('width','');
$('.ms-dlgTitle').css('width','');
$('.ms-dlgFrame').width('');

Но я не думаю, что это правильный метод решения проблемы. Я должен попытаться настроить SharePoint 2010 на правильный размер диалогового окна при его открытии.

Поскольку стили встроены, переопределение его с помощью моего пользовательского файла css не будет работать.

I ' мы пытались вставить jquery на мою главную страницу и пытались обновить страницу listform.aspx с помощью document.ready (...), но, конечно, ни одна из них не работала (как я ожидал).

Может кто-нибудь помочь мне с или как мне заставить SharePoint правильно настроить размер всплывающего диалогового окна с помощью css (предпочтительно), или куда я могу поместить свой jquery, чтобы изменить размер всплывающего диалогового окна?

Answer 1

Мы можем использовать CSS ! Важный , чтобы переопределить стиль по умолчанию CSS. Следующий стиль для вашей справки.

<style type="text/css">
.ms-dlgContent{
    width:800px !important;
    height:500px !important;
    top:120px !important;
}
.ms-dlgBorder{
    width:800px !important;
    height:500px !important;
}
.ms-dlgTitle{
    width:800px !important;
}
.ms-dlgFrameContainer{
    width:800px !important;
    height:500px !important;
}
.ms-dlgFrame{
    width:800px !important;
    height:497px !important;
}
</style>

Если вы не хотите использовать всплывающее диалоговое окно по умолчанию в списке, мы можем go Перевести в Список настроек-> Расширенные настройки и установить « Запуск» формы в диалоге?"на" Нет".