Funktionierendes Sidebar Menü

This commit is contained in:
ja
2021-08-24 16:38:27 +02:00
parent ebfa4f10bf
commit 3771fc84cc
6 changed files with 78 additions and 51 deletions

View File

@@ -27,7 +27,7 @@
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<!-- Webiste-Content-->
<div class="align-self-xl-start" style="/*margin-top:5px;*/margin-left:30px; margin-top:0.6510416666666667vw; margin-right:30px; place-content:center;">
<div id="containerseiterand">
<div style="height:/*90px*/9.68783638320775vh;"></div>
<h1>Kundencenter</h1>
@@ -88,7 +88,7 @@
<div></div></div> </div>
<div></div></div>
<%-- <div class="footer_menu">
<div class="footer_menu_content">
<table>

View File

@@ -248,7 +248,7 @@
</asp:ContentPlaceHolder>
</head>
<body>
<div id="bodycontent" style=" width:1625px;">
<div id="bodycontent" style=" width:2400px">
<!-- <div id="nav-main">
@@ -259,7 +259,7 @@
<!-- </div> -->
<%
Dim navParent = "Kundenseite.aspx?"
Dim navParent = "Customers.master?"
Dim laenderkuerzel As String = "de"
Dim imgPath As String = ""
@@ -358,13 +358,37 @@
<span class="navbar-toggler-icon"></span>-->
<li>
<%If Me.Page.User.Identity.Name = "test" Then %>
<a href="#">Coming soon</a>
<a href="#" aria-disabled="true">Coming soon</a>
<%ElseIf Me.Page.User.Identity.Name = "test2" Then %>
<a href="Invoices.aspx">Rechnungen</a>
<%End If %>
</li>
<!-- </ul>-->
</li>
<li>
<a class="btn btn-primary" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample"> Menü:
<asp:LoginName ID="LoginName4" runat="server" />
</a>
<div class="collapse" id="collapseExample">
<ul style="list-style: none;">
<%If Me.Page.User.Identity.Name = "test" Then %>
<li>
<a href="login_Edit_user.aspx">Profil Editieren</a>
</li>
<%ElseIf Me.Page.User.Identity.Name = "test2" Then %>
<li>
<a href="login_Edit_user.aspx">Profil Editieren</a>
</li>
<%End If %>
</ul>
</div>
</li>
</ul>
</div></nav>
<div id="content">
@@ -469,51 +493,30 @@
</div>
</div>
<div style="padding-right:240px;">
<ul class="nav nav-pills">
<ul class="nav nav-pills">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">
<asp:LoginName ID="LoginName1" runat="server" />
<asp:LoginName ID="LoginName1" runat="server" /><img src="../images/samples/default-avatar.jpg" style="width:40px;height:40px;" alt="Avatar Picture sample" data-toggle="tooltip" data-placement="top" title="Upload Photo."><asp:LoginName ID="LoginName2" runat="server" />
</a>
<ul class="dropdown-menu">
<div class="col-2">
<li> <iframe id="frame1" src="LoggedinUserPanel.aspx" runat="server" seamless="seamless" style="width:266px;height:219px;overflow:no-content;background-image:none;" scrolling="no"/>Accountverwaltung</li>
<li>
<a type="button" class="btn btn-primary" href="Login_Edit_User.aspx" style="background-color:#fff; color:#043381;border:hidden;">User-Profil bearbeiten </a>
</li>
<li><a class="dropdown-item" href="#">Another action</a></li>
</div>
<div class="col-2">
<img src="../images/samples/default-avatar.jpg" style="width:40px;height:40px;" alt="Avatar Picture sample" data-toggle="tooltip" data-placement="top" title="Upload Photo.">
</div>
</ul>
</li> </ul></div>
</asp:LoginView>
</li> </ul></div>
</nav>
</div>
<form id="form1" runat="server">
<div>
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
</div></li></div>
<script type="text/javascript" src="../js/toptions/top_up-min.js"></script>
<script type="text/javascript" src="../js/scrollscript.js"></script>
<!-- JQUERY Script fuer Modal-->
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!-- jQuery CDN - Slim version (=without AJAX) -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<!-- Popper.JS -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
<!-- jQuery Custom Scroller CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.concat.min.js"></script>
<script>
// Filter table
$(document).ready(function () {
@@ -531,6 +534,20 @@
$('#sidebar').toggleClass('active');
});
});
</script>
</script>
<script type="text/javascript" src="../js/toptions/top_up-min.js"></script>
<script type="text/javascript" src="../js/scrollscript.js"></script>
<!-- JQUERY Script fuer Modal-->
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!-- jQuery CDN - Slim version (=without AJAX) -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<!-- Popper.JS -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
<!-- jQuery Custom Scroller CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.concat.min.js"></script>
</body>
</html>

View File

@@ -21,7 +21,6 @@
/* ---------------------------------------------------
CONTENT STYLE
----------------------------------------------------- */
.btn btn-primary{
color: #043381;
background-color: #fff;
@@ -29,8 +28,7 @@
.align-self-center{
margin-left: 0.1530221882172915vw /*2px*/;
margin-right: 0.1530221882172915vw /*2px*/;
margin-right: 0.1530221882172915vw /*2px*/;
}
@media (max-width: 558.98px) {
@@ -48,9 +46,15 @@
width:90%;
justify-content:start;
}
#input-group{
max-width:90%;
}
#myInput1{
width:60%;
}
#myInput2{
width:60%;
}
#myInput3{
width:60%;
}
}
/* @media (min-width: 320px) and (min-height: 640px) {*/
@media (min-width: 558.98px) {
@@ -68,6 +72,7 @@
width:1400px;
overflow-x:auto;
}
}
#innerhtmltable{
margin-left: /*5px*/0.19615535504119264vw;
@@ -98,17 +103,17 @@
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="shortcut icon" href="images/Icons/favicon/favicon.ico" />
<link rel="shortcut icon" href="../images/Icons/favicon/favicon.ico" />
<link rel="stylesheet" type="text/css" href="../css/navbarsidebar2.css"/>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div class="align-self-flex-start" style="/*margin-top:5px;*/margin-left:25px; margin-top:0.6510416666666667vw; margin-right:25px;">
<div class="align-self-flex-center" style="/*margin-top:5px;*/margin-left:25px; margin-top:0.6510416666666667vw; margin-right:25px;">
<div id="containerseiterand">
<div style="height:/*90px*/9.68783638320775vh;"></div>
<div class="d-flex flex-col-4" style="align-content:start">
<div class="d-flex flex-col-4" style="align-content:center">
<h5>Rechnungen</h5>
</div>
<div style="place-content:center;">

View File

@@ -12,10 +12,15 @@
width: 112px;
height: 70px;
}
#imgcar{
width:112px;
height:70px;
#imgcar {
width: 112px;
height: 70px;
}
.align-self-xl-start{
width:600px;
}
}
@media (min-width: 558.98px) {
.container{
width:1296px;
@@ -31,7 +36,7 @@
<link rel="stylesheet" type="text/css" href="../css/Welcome.css"/>}
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div class="align-self-xl-start" style="/*margin-top:5px;*/margin-left:30px; margin-top:0.6510416666666667vw; margin-right:30px; place-content:center; width:1725px;">
<div id="containerseiterand" style="width:1625px">
<div style="height:/*90px*/9.68783638320775vh;"></div>
<div>
@@ -94,7 +99,7 @@
</div>
<div style="height:/*140px*/15.069967707212056vh;"></div>
</div></div>
</div>
</asp:Content>

View File

@@ -4,7 +4,7 @@
body {
font-family: 'Poppins', sans-serif;
background: #fafafa;
background-image: url(images/road.jpg);
background-image: url(../images/road.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;

View File

@@ -4,7 +4,7 @@
body {
font-family: 'Poppins', sans-serif;
background: #fafafa;
background-image: url(images/road.jpg);
background-image: url(../images/road.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;