css - 如何修改标准对话框窗体的宽度 Sharepoint 2010

Question

请帮帮我!

我需要修改标准对话框窗体的宽度以将元素添加到库中。

如果我单击功能区按钮以添加元素，则打开的表单宽度为 402 像素:

<div class="ms-dlgContent" role="dialog" aria-labelledby="dialogTitleSpan"  tabindex="-1" style="z-index: 1505; display: block; width: 402px; height: 294px; left: 430px; top: 104px; "></div>

如果我点击当前库所有元素下的按钮，打开的表单宽度=1032px:

<div class="ms-dlgContent" role="dialog" aria-labelledby="dialogTitleSpan" tabindex="-1" style="z-index: 1505; display: block; width: 1032px; height: 267px; left: 115px; top: 273px; "></div>

我不明白，我需要做什么才能打开宽度=402px 的第二种情况。

也许需要在 Upload.aspx 中输入一些代码？ (此表格自动生成) 我想，这个页面是为创建新元素而打开的，因为我的列表定义的 schema.xml 包含以下代码:

<Forms>
  <Form Type="DisplayForm" SetupPath="pages\form.aspx" Url="Forms/DispForm.aspx" WebPartZoneID="Main" />
  <Form Type="EditForm" SetupPath="pages\form.aspx" Url="Forms/EditForm.aspx" WebPartZoneID="Main" />
  <Form Type="NewForm" Url="Forms/Upload.aspx" WebPartZoneID="Main" />
</Forms>

但是如果修改 Upload.aspx 的这一部分(添加 .ms-dglContent 类)，它对我没有帮助:

<asp:Content ContentPlaceHolderId="PlaceHolderBodyAreaClass" runat="server">
<style type="text/css">
.ms-bodyareaframe {
   padding: 8px;
   border: none;
}
.ms-dglContent {
   width:402px!important;
}
</style>
</asp:Content>

如果我修改 css 文件:

.ms-dglContent {width:402px!important;}

它修改了所有对话框形式，但在我的情况下是 Not Acceptable 。

如有任何帮助，我将不胜感激!

Answer 1

模态对话框 div 动态放置到 DOM 中。如果要修改对话框尺寸，请尝试查找类似 SP.UI.ModalDialog 的调用...

var dialogCallbackToMainSite = function (dialogResult, returnValue) {

    if(returnValue == 'someValue') {
    }
};

var option = {
    url:record.data.url,
    title:'Task',
    allowMaximize:false,
    showClose:false,
    autoSize:false,

    width: 800,
    height: 600,

    dialogReturnValueCallback:dialogCallbackToMainSite
};

SP.UI.ModalDialog.showModalDialog(option);

顺便说一句，如果您需要在功能区随页面滚动且静态位置禁用的情况下垂直居中对话框，请遵循此解决方案 http://generation12.wordpress.com/2011/10/25/floating-the-sp-ui-modaldialog/