前一段时间尝试了一下将HTML文件转换为母版页,但是,用着用着又发现新的问题,我们转换的母版页,设置成默认母版页以后,无法添加应用程序,只有一个对话框一直加载。我们拷贝自带的母版页,修改Html同步master以后,也无法添加应用程序。如下图:
(一直显示“正在加载”的界面)
(正常的添加应用程序的页面)
考虑了一下问题可能出现在哪儿,因为我是自己转换的母版页,所以我就Copy了一个自带的母版页,然后使用生成的master页面作为默认母版页,发现没有问题。但是,当我修改了Html文件以后,与之关联的master文件自然也被修改了,然后也出现了无法添加应用程序的问题。
综上测试考虑,不是生成母版页的过程有问题,而是,我们修改html的时候,SharePoint2013自动修改master的过程中,是master页出现了异常情况。由于这样的问题的出现,建议大家如果想要通过html文件生成母版页的话,生成一次以后还是去修改master页,然后断掉关联删除html文件吧。除非你怕修改坏了,先留着html文件,因为随便修改下html文件保存,master文件都会回到初始的位置。
好吧,前面一堆都几乎等于废话,下面我们来找一下,到底哪里出现了问题!其实排查问题很简单,只是对比一下两个文件,哪里不一样,然后覆盖回来不断尝试就可以了,只是比较耗时间和耗视力罢了。这么没技术含量的工作,我就不废话了,说说我的思路。
首先,我怀疑头部引用有问题,把head部分全部覆盖,发现没有意义。然后,怀疑body部分有问题,依然全部覆盖,发现OK了。真好,这样我就把范围缩小到body里面了。然后看看里面几个比较大的div分别测试,发现这个里面有问题,下面介绍一个比较不错的工具吧NotePad++,这个东西可帮了我大忙,尤其左右同事滚动对比,还是不错的,比记事本文件好用多了。
经过不断的尝试,发现,如下有截图,我们发现两个一样id的div,里面的东西大小查很多,其实,差点就是SharePoint:SPNavigationManager这段导航引用,把它添加到相应位置,即可。最后,还要把上面需要的几个PlaceHolder标签的不可见属性去掉,我们就大功告成了。
(附:对比图 点击图片看大图)
附:完整的id="sideNavBox"Div的Html
CssClass="ms-tv-header" /> SelectedNodeStyle-CssClass="TREEVIEWSELECTEDCLASS" NodeStyle-CssClass="TREEVIEWNODECLASS" SkipLinkText="" NodeIndent="12" ExpandImageUrl="/_layouts/15/images/tvclosed.png?rev=23" ExpandImageUrlRtl="/_layouts/15/images/tvclosedrtl.png?rev=23" CollapseImageUrl="/_layouts/15/images/tvopen.png?rev=23" CollapseImageUrlRtl="/_layouts/15/images/tvopenrtl.png?rev=23" NoExpandImageUrl="/_layouts/15/images/tvblank.gif?rev=23">
|
结束语:通过以上操作,我们基本可以完成母版页的搭建了,首先通过复制存在的Html母版页,然后调整的样式,添加css引用,基本都调整完毕了,可以加上SharePoint导航的引用,然后删掉html文件(防止我们的心血付之东流啊),或者复制一个改好的master页面断开连接也OK。如果通过html生成的母版页,或许我们覆盖或者选择性的覆盖一部分比较实用。
……