Question

我在Sharepoint 2013中创建了一个完全自定义的主页，它运行正常（使用自定义HTML，CSS，JS和Jquery Lib）。我只需要知道如何将Sharepoint Suitebar添加到自定义页面的顶部。

我没有使用任何类型的Sharepoint模板或母版页模板。我像任何其他网页一样构建了我的页面，并将我的文件上传到Sharepoint中的目录，然后将我的自定义页面上传到Site Pages目录并将其设置为home.aspx，这会自动将其设置为我的主页。构建这样一个完全自定义的页面很棒，但是我放弃了一些我想要使用的内置功能和组件Sharepoint，Suitebar就是其中之一。

我的示例HTML模板不代表我的实际自定义主页。我只是链接这个JSfiddle，希望有人能告诉我在Sharepoint Suitbar中添加的方式/位置。

的jsfiddle： https://jsfiddle.net/x1vcdeLx/

<!DOCTYPE html>
<html>
<head>
<title>Sharepoint Custom Homepage</title>

<!-- Stylesheets -->
<link href="/sites/SiteAssets/css/reset.css">
<link href="/sites/SiteAssets/css/style.css">

</head>
<body>

<!-- BEGIN CREATIVE CONTENT -->
<div class="myContent">
    <div class="row-1-of-3"></div>
    <div class="row-2-of-3"></div>
    <div class="row-3-of-3"></div>
</div>
<!-- END CREATIVE CONTENT -->

<!-- Scripts -->
<script src="/sites/SiteAssets/js/jquery-2.1.4.min.js"></script>
<script src="/sites/SiteAssets/js/jquery-easing-1.3.min.js"></script>
<script src="/sites/SiteAssets/js/script.js"></script>

</body>
</html>

Answer 1

您可以下载Sharepoint母版页，然后搜索用于该套件栏的控件。将这些控件放在页面中，它可能会正确显示。

要获取套件栏部分的名称，请参阅下图

Sharepoint 2013 - 将套件栏添加到自定义构建的页面

1 个答案: