SharePoint 2013日历切换图例

Question

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

Answer 1

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

＆＃13;

＆＃13;

#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
}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;