SharePoint 2013 Custom Calendar Colors
来源:互联网 发布:如何申请淘宝贷款额度 编辑:程序博客网 时间:2024/06/05 09:08
1. As we know, There are only 10 kinds of colors in overlay calendar, here is the color to choose:
2. Then, we couldn't custom the color to render in calendar, here is the result:
3. Now, I want to custom the color of the calendar, we notice the point that the color of the calendar is render via the class name "ms-acal-apanel-color"
<a class="ms-acal-apanel-item ms-acal-apanel-color2" href="/Lists/Calendar2/Operations%20Calendar.aspx">
so, we just modify the css file of the class named "ms-acal-apanel-color2".
4. Here is the code:
<style>.ms-acal-color1{ BACKGROUND-COLOR: #4668C5} .ms-acal-selcolor1{ BACKGROUND-COLOR: #4668C5} .ms-acal-apanel-color1{ BORDER-COLOR: #C3B7AC; BACKGROUND-COLOR: #4668C5;} .ms-acal-color2{ BACKGROUND-COLOR: #442359} .ms-acal-selcolor2{ BACKGROUND-COLOR: #442359} .ms-acal-apanel-color2{ BORDER-COLOR: #C3B7AC; BACKGROUND-COLOR: #442359;} .ms-acal-color3{ BACKGROUND-COLOR: #EB3C00} .ms-acal-selcolor3{ BACKGROUND-COLOR: #EB3C00} .ms-acal-apanel-color3{ BORDER-COLOR: #C3B7AC; BACKGROUND-COLOR: #EB3C00;} .ms-acal-color4{ BACKGROUND-COLOR: #007233} .ms-acal-selcolor4{ BACKGROUND-COLOR: #007233} .ms-acal-apanel-color4{ BORDER-COLOR: #C3B7AC; BACKGROUND-COLOR: #007233;} .ms-acal-color5{ BACKGROUND-COLOR: #84009e} .ms-acal-selcolor5{ BACKGROUND-COLOR: #84009e} .ms-acal-apanel-color5{ BORDER-COLOR: #C3B7AC; BACKGROUND-COLOR: #84009e;}.ms-acal-color6{ BACKGROUND-COLOR: #008272} .ms-acal-selcolor6{ BACKGROUND-COLOR: #008272} .ms-acal-apanel-color6{ BORDER-COLOR: #C3B7AC; BACKGROUND-COLOR: #008272;}</style>
Note: I only show 5 colors, you also add others.
you just keep the code into a css file and upload the file to you sharepoint site, then use the file.
5. Then, edit the calendar page, and add a webpart named ContenEditor Webpart, configure the webpart and input the url of the css file in the souce file
6. Fisinihed.
More to link : http://davidlozzi.com/2012/06/20/customize-the-sharepoint-calendar-colors/
- SharePoint 2013 Custom Calendar Colors
- Custom Search Center in SharePoint 2013
- Custom Social Newsfeed in SharePoint 2013
- Custom Managed Navigation in SharePoint 2013
- Sharepoint Custom Timer Job
- Custom Sharepoint Lookup Field
- Creating SharePoint global calendar
- How to custom search results in SharePoint Server 2013
- [Forum FAQ] Show Attachments in SharePoint 2013 Custom List View
- SharePoint 2013 Using PeopleEditor in Custom list or Custom Web Parts
- Custom Outcome Options of Task Form in SharePoint Designer on SharePoint 2013 Workflow
- 将SharePoint 2010的workflow custom activity升级到SharePoint 2013遇到的问题
- allegro Disable custom colors is enabled
- Sync outlook and SharePoint Calendar
- sharepoint 2010 custom webpart与custom webpart的联动方法
- SharePoint 2013 中使用客户化的 (Custom) Filter web part 过滤OOB list view
- Custom Ribbon in SharePoint 2010 & which not wrok when migrate from 2010 to 2013
- Context-Aware SharePoint Designer Custom Workflow
- grub2进入稳定分支
- js模块模式实例
- Redesign Your App for iOS 7 之 页面布局
- 不带缓存的文件I/O操作 read/write
- 一个自动将状态机生成代码的软件
- SharePoint 2013 Custom Calendar Colors
- Android之Looper、Handler、Message、MessageQueue应用篇
- ubuntu下解压文件乱码的解决方法
- Editplus for Python
- Unsupported major.minor version 50.0
- Android_AsyncTask详解及其应用(一)
- Linux 下Orcale10g的安装
- 数据库中表的读取
- LeetCode:Subsets