SharePoint 2013 日历停留图例

【问题标题】：SharePoint 2013 Calendar Layover LegendSharePoint 2013 日历停留图例
【发布时间】：2017-01-16 21:13:38
【问题描述】：

因此，我尝试在 SharePoint 2013 中添加如下图所示的日历停留颜色图例作为 Web 部件。日历 Web 部件位于主页上，但如果没有显示图例，颜色编码的停留没有任何意义每种颜色的含义。那么是否有一个 webpart 可以让我执行如下图所示的操作？感谢您的任何帮助，您可以提供。

【问题讨论】：

您希望图例（似乎是某种状态或类别）多久更改一次？如果很少或从不使用原始 HTML 创建类似下面的内容并通过内容编辑器 Web 部件显示它可能是最快的。
@Stevangelista 是的，它不需要改变太多。如果有的话，只是颜色会根据客户的喜好而改变，但这对我来说在 html 中管理非常简单。很棒的方法。谢谢！

标签： sharepoint calendar sharepoint-2013

【解决方案1】：

如果静态 HTML 可以，你可以这样做：

#legend, img {
  width:100%;
}
.legendItem {
  width:33%;
  float:left;
  height:30px;
  line-height:30px;
  text-align:left;
}
.label {
  color:white;
  padding-left:5px;
}
.onboarding {
  background-color:green
}
.pending {
  background-color:purple
}
.offboarding {
  background-color:red
}

<img src="https://i.imgur.com/wlZdaCZ.png">
<div id="legend">
  <div class="legendItem onboarding"><span class="label">Onboarding</span></div>
  <div class="legendItem pending"><span class="label">Pending Approval</span></div>
  <div class="legendItem offboarding"><span class="label">Offboarding</span></div>
</div>

【讨论】：

感谢您的评论。我也只是考虑使用一个简单的内容编辑器 Web 部件，向其中添加一个表格，然后只需编辑表格 html。我也会试试你的方法。再次感谢！