Создание пользовательских главных страниц, вызывает списки, чтобы отображаться с ним

Question

Использование Design Manager Я преобразовал HTML-файл на главную страницу. (Это был простой логотип с выпадающими меню). Затем я устанавливаю его главной страницей по умолчанию для одного из моих саб сайтов. Идея заключается в том, что когда я создаю любой список от SharePoint Designer для этого сайта, я хотел бы, чтобы эти списки были отображены непосредственно ниже, что выпадающее меню, найденное на моей главной странице, это так, чтобы я мог затем ссылаться на элементы в моем раскрывающемся списках в формах За списки

Что я в настоящее время нахожу в настоящее время, когда я хочу добавить элементы в эти списки (через ньюформ.aspx) Форма появляется на том же уровне, что и главная страница, не ниже логотипа / выпадающего меню, которые я создал. Это приводит к тому, что форма спрятана за раздел главной страницы.

Это похоже на то, что мне не хватает ряд меток div (e.g. Titlerow) на моем пользовательской главной странице, чтобы сообщить любой список / форму, чтобы появиться непосредственно под моим содержанием главной страницы.

Я также смотрю макеты страницы в рамках Диспетчера дизайна.

У кого-нибудь из вас наткнутся на это раньше, и может знать, чего мне не хватает, или направление, чтобы взять.

Answer 1

понял мою ошибку.

Это было связано со мной, имея настройки абсолютных позиций стиля для моих изображений и строки меню (например, фрагмент ниже моей главной страницы)

<div id="s4-workspace">
    <div id="s4-bodyContainer">
        <script src="/_catalogs/masterpage/FormsTest/Scripts/jquery-1.7.1.min.js"></script>
        <script src="/_catalogs/masterpage/FormsTest/Scripts/scriptMenu.js</script>
        <div>
            <img src="/_catalogs/masterpage/FormsTest/Images/bg-header.jpg" style="position: absolute; width: 100%; height: 100px" alt="" />
            <img src="/_catalogs/masterpage/FormsTest/Images/hilldickinson_white.png" style="position: absolute; top: 40px; left: 10px;" alt="" />
            <ul class="nav" style="position: absolute; top: 100px; ">
                <li>
                    <a href="#">Menu heading 1
                    </a>
                    <ul>
                        <li>
                            <a href="#">Sub Heading 1</a>
                        </li>
                        <li>
                            <a href="#">Sub Heading 2</a>
                        </li>

                        ... etc...

.

Но не имея абсолютный стиль, примененный к разделу ContentPaceLoLLermain, где проходит весь изменяемый контент.

Так, чтобы исправить, я применил ниже, чтобы включить стиль и верхние атрибуты на теге div

   <div data-name="ContentPlaceHolderMain"  style="position: absolute; top: 160px;>
      ... content ...
   </div>

.

Этот контент теперь рендеринг в правильном положении.