Share
Report
10Hi There,
Currently creating a custom web template to roll through on a portal, however, when using the portal editor, there's no section available to add items to the body, the purpose is we want to use the same navigation menu on the majority of pages but then have custom content in the body. So we can add items like PowerBI Reports and Images etc.
How can this be added in? Can it be added in? Have attached a screenshot and code snippet for reference.
Any help is greatly appreciated!
<body>
<div class="wrapper-body">
<!DOCTYPE html>
<html>
<head>
<style>
body {
font: normal normal bold 16px trebuchet ms;
border: 0;
text-align: center;
}
.nv {
background: #4d9fb1;
background: -webkit-gradient(linear, left top, left bottom, from(#4d9fb1), to(#2f626d));
background: -moz-linear-gradient(top, #4d9fb1, #2f626d);
background: linear-gradient(to bottom, #4d9fb1, #2f626d);
padding: 0;
width: 100%;
display: flex;
justify-content: center;
text-decoration: none;
margin: 0px;
}
.nv a {
font-size: 16px;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
display: flex;
}
.snv {
text-align: center;
float: left;
}
.snv .snvbtn {
font-size: 16px;
border: none;
outline: none;
color: white;
padding: 14px 16px;
background: inherit;
font: inherit;
margin: 0;
}
.nv a:hover,
.snv:hover .snvbtn {
background: white;
color: #3B7A8B;
margin-left: auto;
padding-left: auto;
padding-right: auto;
}
.snv-content {
display: none;
position: absolute;
background: #4d9fb1;
background: -webkit-gradient(linear, left top, left bottom, from(#4d9fb1), to(#2f626d));
background: -moz-linear-gradient(top, #4d9fb1, #2f626d);
background: linear-gradient(to bottom, #4d9fb1, #2f626d);
width: inherit;
z-index: 1;
color: white;
}
.snv-content a {
display: inline-block;
color: white;
text-decoration: none;
}
.snv-content a:hover {
background: white;
color: #3B7A8B;
}
.snv:hover .snv-content {
display: block;
}
.nv li{
border-right: 3px solid ;
display: inline-block;
float: left;
padding: 0px;
overflow:hidden;
}
.nv li:last-child {
border-right:0;
}
.nv li > a{
color: white;
font-family:Trebuchet MS;
font-size: 16px;
font-weight: bold;
line-height:19px;
}
</style>
</head>
<body>
<div class="nv">
<li><a href="#home">Home</a></li>
<div class="snv">
<li><button class="snvbtn">Requests
</button></li>
<div class="snv-content">
<li><a href="#company">Submit New Request</a></li>
<li><a href="#team">Open Requests</a></li>
<li><a href="#careers">Closed Requests</a></li>
</div>
</div>
<div class="snv">
<li><button class="snvbtn">Proactive Maintenance</button></li>
<div class="snv-content">
<li><a href="#bring">Outstanding Requests</a></li>
<li><a href="#deliver">Completed Requests</a></li>
<li><a href="#package">Your Calendar</a></li>
<li><a href="#express">Export Report</a></li>
</div>
</div>
<div class="snv">
<li><button class="snvbtn">Admin Tools</button></li>
<div class="snv-content">
<li><a href="#link1">VPN Activity</a></li>
<li><a href="#link2">Backup Reporting</a></li>
<li><a href="#link3">Asset List</a></li>
<li><a href="#link4">Licence Management</a></li>
</div>
</div>
<li><a href="#contact">Your Profile</a></li>
</div>
</body>
</html>
</div>
<div class="push"></div>
</div>
</body>
Categories:
All responses (
Answers (
