sharepoint - Sharepoint 2010 中的项目任务视图不显示甘特图

Question

我在 Sharepoint 2010 中设置了默认的项目任务视图。但是，默认视图（应该是甘特图）没有显示。其他视图（例如所有任务、活动任务）工作正常。这是在 IE7 上。

Answer 1

这可能是由于自定义母版页而发生的。请参阅MSDN 上的相关帖子。为了呈现图表，甘特视图要求页面上有以下 div：

<div id="s4-workspace">

检查您的自定义母版页以确保此 ID 未被删除或更改。

Answer 2

这也可能是我们用来创建母版页的 CSS 框架的问题。使用 Bootstrap，有一种边框样式会导致图表不显示。

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

}

您可以将该样式覆盖到内容框。挑战在于仅将样式应用于该元素，因此它不会影响布局上的其他元素。

div[style$="border: 1px solid rgb(171, 171, 171);"]
{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

更多细节可以在这里找到：http ://www.ozkary.com/2017/04/sharepoint-gantt-chart-hidden-bootstrap-master-page.html

Answer 3

下面的代码解决了我的问题：

div[id="ctl00_ctl44_g_f2bc7dff_3c34_41d6_b01a_c68e3baba6cc_ListViewWebPartJSGrid_rightpane"] {
float: inherit !important;
width: auto !important;
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;}

这里的“ctl00_ctl44_g_f2bc7dff_3c34_41d6_b01a_c68e3baba6cc_ListViewWebPartJSGrid_rightpane”是包含甘特图视图的 div id，因此使用上述代码的任何人都需要更改此 id。