Page wrap
Layout for wrapping page content in Sharepoint to add see also.
How to use this component
On Sharepoint pages with a side menu.
Code Resource
<div class="main-content-wrap">
**Your page content goes here**
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elit pellentesque habitant morbi tristique senectus et netus et. Dolor sit amet consectetur adipiscing elit ut. Blandit turpis cursus in hac habitasse platea dictumst quisque. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit. Aliquet eget sit amet tellus cras adipiscing enim. Cras pulvinar mattis nunc sed blandit. Eu turpis egestas pretium aenean pharetra magna ac placerat. Elementum eu facilisis sed odio morbi quis commodo. Eget arcu dictum varius duis at consectetur lorem donec massa. Vitae congue eu consequat ac felis donec. Semper auctor neque vitae tempus quam pellentesque nec.
</div>
<div class="relmenu_div"><ul><li class="active"><strong>See also</strong></li>
<li><a href="LINK" title="TITLE">TEXT</a></li>
<li><a href="LINK" title="TITLE">TEXT</a></li>
<li class="active"><strong>Elsewhere on the web</strong></li>
<li><a href="LINK" title="TITLE">TEXT</a></li></ul></div>
.main-content-wrap {
width: 70%;
float: left;
}
.relmenu_div {
width: 22%;
max-width: 360px;
float: right;
background: none !important;
padding: 5px;
padding-bottom: 100px;
border-left: 1px solid #dadada;
position: absolute;
right: 0px;
outline: none;
z-index: 91;
}
@media only screen and (max-width: 1008px)
.main-content-wrap {
width: 100% !important;
}
@media only screen and (max-width: 1008px)
.relmenu_div {
padding: 0px !important;
float: left;
position: static !important;
margin-top: 50px;
min-width: 100% !important;
border: 0px !important;
width: 100%;
}
Working Example
**Your page content goes here**
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elit pellentesque habitant morbi tristique senectus et netus et. Dolor sit amet consectetur adipiscing elit ut. Blandit turpis cursus in hac habitasse platea dictumst quisque. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor sit. Aliquet eget sit amet tellus cras adipiscing enim. Cras pulvinar mattis nunc sed blandit. Eu turpis egestas pretium aenean pharetra magna ac placerat. Elementum eu facilisis sed odio morbi quis commodo. Eget arcu dictum varius duis at consectetur lorem donec massa. Vitae congue eu consequat ac felis donec. Semper auctor neque vitae tempus quam pellentesque nec.