Anpassungen an BS 5 die dtat-toggle werden zu data-bs-toggle und Ändern der Menüs zu Dropdown und zentrierung der Menüpunkte

This commit is contained in:
ja
2021-08-20 09:18:16 +02:00
parent cac616c4e0
commit 1b82fbfd0e
4 changed files with 42 additions and 21 deletions

View File

@@ -66,7 +66,6 @@
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<link rel="stylesheet" type="text/css" href="../css/StyleSheetWebsiteNew.css"/>
<script type="text/javascript" src="../js/languageupdatescript.js"></script>
<!--Hover Info -->
@@ -288,22 +287,44 @@
<div class="container">
<!-- Navigation Bar-->
<nav class="navbar fixed-top navbar-expand-lg navbar-light" style="background-color:#fff">
<li class="nav-item">
<li class="nav-item" style="list-style:none;">
<a class="navbar-brand" href="../newpageJulius_Sidebar.aspx"><img src="../images/Logo_small.png" style:"width:120px" alt="Schriftzug: Verag AG Blaue Schrift: Verag Spedition Graue Schrift: AG" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"/></a>
</li>
<div class="btn-group">
<button type="button" class="btn btn-primary">Startseite</button>
<button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
<span class="visually-hidden">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="Hauptseite.aspx">Hauptseite</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="Rechnungen.aspx">Rechnungen</a></li>
<li><a class="dropdown-item" href="Kundenseite.aspx">Aufträge</a></li>
</ul>
</div>
</nav>
<div class="dropdown">
<li class="nav-item dropdown" style="background-color:#fff; color:#043381;list-style:none;">
<a class="nav-link dropdown-toggle" href="Welcome.aspx" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="background-color:#fff; color:#043381;">
Startseite
</a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<div class="dropdown-divider"></div>
<li><a class="dropdown-item" href="#">Lorem Lipsum</a></li>
</ul>
</li> </div>
<div class="dropdown">
<li class="nav-item dropdown" style="background-color:#fff; color:#043381;list-style:none;">
<a class="nav-link dropdown-toggle" href="Rechnungen.aspx" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="background-color:#fff; color:#043381;">
Rechnungen
</a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<div class="dropdown-divider"></div>
<li><a class="dropdown-item" href="#">Lorem Lipsum</a></li>
</ul>
</li>
</div>
<div class="dropdown">
<li class="nav-item dropdown" style="background-color:#fff; color:#043381;list-style:none;">
<a class="nav-link dropdown-toggle" href="Kundenseite.aspx" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="background-color:#fff; color:#043381;">
Kundenseite
</a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<div class="dropdown-divider"></div>
<li><a class="dropdown-item" href="#">Lorem Lipsum</a></li>
</ul>
</li></div>
</nav>
</div>
<!-- Webiste-Content-->
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

View File

@@ -119,9 +119,9 @@
font-size: 16px;
}
.stretched-link{
background-color: #fff;
color: #043381;
}
background-color: #fff;
color: #043381;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

View File

@@ -1,4 +1,4 @@
<%@ Page Title="" Language="VB" MasterPageFile="~/Customers/Customers.master" AutoEventWireup="false" CodeFile="Hauptseite.aspx.vb" Inherits="Customers_Default" %>
<%@ Page Title="" Language="VB" MasterPageFile="~/Customers/Customers.master" AutoEventWireup="false" CodeFile="Welcome.aspx.vb" Inherits="Customers_Default" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>