SharePoint ribbon icons disappeared(网站顶部Top bar 齿轮图标,以及编辑模式下Ribbon中Icon消失)...

本文解决了一个常见问题:SharePoint 2013中自定义主页面后,顶部选项卡栏中的图标消失。通过调整CSS样式,特别是移除或覆盖img元素的最大宽度限制,成功恢复了图标显示。

Questions:

has anyone ever seen this before? all my icons in my ribbon have disappeared.

I'm using my own custom master page based on the minimal, all my ribbon code looks correct..

enter image description here

Answers:

I created a custom master page for SharePoint 2013 and had the same issue. I was also missing the Site Settings, Share, Follow and Focus On Content icons. Like you, the resolution was in the CSS. I have a pretty extensive CSS Reset file and when I removed the CSS Link everything returned to normal. In digging a little deeper here is the exact CSS style I needed to remove.

img { height: auto; max-width: 100%; }

 

I had this exact problem and it was caused by the css that i had modified. Jeff pointed me in the right direction in that img {max-width:100%;} was the issue.

To correct this i created the following css at the end to overide the img resizing for the ribbon.

.ms-cui-topBar2 img {max-width:none;}

 

Ran into the same issue after applying the responsive design and got this working in SharePoint 2013 :

.ms-cui-tabContainer img,#suiteBarButtons img {max-width:none !important;} 

 

PS:

  1. refer to :http://sharepoint.stackexchange.com/questions/49369/sharepoint-ribbon-icons-disappeared
  2. 修改(删除)Top Bar 中 SkyDrive,Sites,NewsFeed 等链接内容:http://www.learningsharepoint.com/2013/02/10/addremove-links-in-top-suitebar-skydrivesitesnewsfeed-in-sharepoint-2013/

转载于:https://www.cnblogs.com/kinpauln/p/3300604.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值