Modal eingebaut in Menüleiste statt Extra Seite zur vereinfachten Bearbeitung des Profils
This commit is contained in:
ja
@@ -198,6 +198,35 @@
|
||||
#btnsubmenu:hover{
|
||||
background-color:#fff;
|
||||
color:#043381;
|
||||
}
|
||||
.modal-dialog modal-dialog-scrollable{
|
||||
width:30%;
|
||||
}
|
||||
.modal-content{
|
||||
width:40%;
|
||||
overflow-x:no-content;
|
||||
}
|
||||
.modal-header{
|
||||
width:40%;
|
||||
}
|
||||
.modal-footer{
|
||||
width:40%;
|
||||
}
|
||||
#exampleModalLabel{
|
||||
font-size:12px;
|
||||
}
|
||||
.modal-body{
|
||||
/* background-color:#043381;*/
|
||||
background-image: linear-gradient(to right, #003680 , #0055cc);
|
||||
color:#fff;
|
||||
width:40%;
|
||||
}
|
||||
#Image1{
|
||||
width:40%;
|
||||
height:40%;
|
||||
}
|
||||
#butclose{
|
||||
transform:translateX(-50%);
|
||||
}
|
||||
}
|
||||
@media (min-width: 575px) {
|
||||
@@ -240,15 +269,22 @@
|
||||
background-color:#fff;
|
||||
max-width:250px;
|
||||
}
|
||||
|
||||
|
||||
.dropdown-toggle::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 20px;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.dropdown-toggle::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 20px;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.modal-body{
|
||||
/* background-color:#043381;*/
|
||||
background-color: #fff;
|
||||
color:#043381;
|
||||
}
|
||||
.modal-header{
|
||||
background-image: linear-gradient(to right, #003680 , #0055cc);
|
||||
color:#fff;
|
||||
}
|
||||
}
|
||||
#ContentPlaceHolder1{
|
||||
align-self:center;
|
||||
@@ -260,6 +296,15 @@
|
||||
.align-self-center{
|
||||
background-color:#fff;
|
||||
}
|
||||
.modal-body{
|
||||
/* background-color:#043381;*/
|
||||
background-color: #fff;
|
||||
color: #043381;
|
||||
}
|
||||
.modal-header{
|
||||
background-image: linear-gradient(to right, #003680 , #0055cc);
|
||||
color:#fff;
|
||||
}
|
||||
</style>
|
||||
</asp:ContentPlaceHolder>
|
||||
<asp:ContentPlaceHolder id="head" runat="server">
|
||||
@@ -416,7 +461,31 @@
|
||||
<div class="container-xxl" style="align-content:center">
|
||||
<!-- Page Content -->
|
||||
<nav id="content">
|
||||
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel">
|
||||
<div class="modal-dialog modal-dialog-scrollable" style="min-width: 850px; min-height: 800px; overflow: hidden; place-self:center">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabel">Profilbild: User: <%=Me.Page.User.Identity.Name %></h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="container-fluid" >
|
||||
|
||||
<asp:Image ID="Image1" runat="server" ImageUrl="~/images/samples/default-avatar.jpg"/>
|
||||
<div class="container-fluid">
|
||||
<ul style="list-style:unset;">
|
||||
<li> Name: <%=Me.Page.User.Identity.Name %></li>
|
||||
<li> Registriert seit: 15/02/2021</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" id="butclose" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-md-none">
|
||||
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light justify-content-md-center flex-nowrap">
|
||||
@@ -432,7 +501,9 @@
|
||||
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false"><asp:LoginName ID="LoginName2" runat="server" /></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="Login_Edit_User.aspx">Profil bearbeiten</a>
|
||||
<img src="../images/samples/default-avatar.jpg" style="width:60px;height:60px;" alt="Avatar Picture sample" data-toggle="tooltip" data-placement="top" title="Upload Photo."></li>
|
||||
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="background-color:#fff"><img src="../images/samples/default-avatar.jpg"; width="80"; /></button>
|
||||
|
||||
</li>
|
||||
<div class="dropdown-divider"></div>
|
||||
<li><a class="dropdown-item" id="btnsubmenu" href="GroupPolicies.aspx">Gruppenrichtlinien festlegen</a></li>
|
||||
</ul></ul>
|
||||
@@ -463,7 +534,7 @@
|
||||
</li>
|
||||
<li style="transform: rotate(0);">
|
||||
<!--<a id="ButtonSerbischLangPicker" class="btn btn-primary btn-sm" href="<%'= navParent%>&lan=SRB"><img src="<%'= imgPath%>images/flags/flagge_BIH.gif" <%' If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%> />BIH</a>-->
|
||||
<a id="ButtonSerbischLangPicker2" href="<%= navParent%>&lan2=SRB&lan3=0" class="stretched-link" style="text-decoration: none;"><img src="../<%= imgPath%>images/flags/flagge_BIH_big.gif"; width="20"; <% If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%>/><%=strBIHLang %></a>
|
||||
<a id="ButtonSerbischLangPicker2" href="<%= navParent%>&lan2=SRB&lan3=0" class="stretched-link" style="text-decoration: none;"><img src="../<%= imgPath%>images/flags/flagge_BIH_big.gif"; width="20"; <% If laenderkuerzel = "de" Then Response.Write("style='border:1px solid #000'")%>/><%=strBIHLang %></a>
|
||||
</li>
|
||||
<li style="transform: rotate(0);">
|
||||
<!--<a id="ButtonSerbischZweiLangPicker" class="btn btn-primary btn-sm" href="<%'= navParent%>&lan=SM"><img src="<'%= imgPath%>images/flags/flagge_SM.gif" <%' If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%> />SRB</a>-->
|
||||
@@ -475,7 +546,7 @@
|
||||
</li>
|
||||
<li style="transform: rotate(0);">
|
||||
<!--<a id="ButtonTürkeiLangPicker" class="btn btn-primary btn-sm" href="<%'= navParent%>&lan=TR"><img src="<%'= imgPath%>images/flags/flagge_TR.gif" <%' If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%>/>TR</a>-->
|
||||
<a id="ButtonTürkeiLangPicker2" href="<%= navParent%>&lan2=TR&lan3=0" class="stretched-link" style="text-decoration: none;"><img src="../<%= imgPath%>images/flags/flagge_TR_big.gif"; width="20";" <% If laenderkuerzel = "tr" Then Response.Write("style='border:1px solid #000'")%>/><%=strTRlang %></a>
|
||||
<a id="ButtonTürkeiLangPicker2" href="<%= navParent%>&lan2=TR&lan3=0" class="stretched-link" style="text-decoration: none;"><img src="../<%= imgPath%>images/flags/flagge_TR_big.gif"; width="20";" <% If laenderkuerzel = "en" Then Response.Write("style='border:1px solid #000'")%>/><%=strENlang %></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -533,13 +604,15 @@
|
||||
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false"><asp:LoginName ID="LoginName1" runat="server" /></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="Login_Edit_User.aspx">Profil bearbeiten</a>
|
||||
<img src="../images/samples/default-avatar.jpg" style="width:60px;height:60px;" alt="Avatar Picture sample" data-toggle="tooltip" data-placement="top" title="Upload Photo."></li>
|
||||
<div class="dropdown-divider"></div>
|
||||
<li><a class="dropdown-item" id="btnsubmenu" href="GroupPolicies.aspx">Gruppenrichtlinien festlegen</a></li>
|
||||
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="background-color:#fff"><img src="../images/samples/default-avatar.jpg"; width="80"; /></button>
|
||||
</li>
|
||||
|
||||
|
||||
</ul></ul></div></nav></div>
|
||||
<div style="margin-left:5px;margin-right:5px">
|
||||
<div style="height:95px;"></div>
|
||||
<form id="leftLinks" runat="server" style="float:initial">
|
||||
|
||||
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
|
||||
|
||||
</asp:ContentPlaceHolder>
|
||||
|
||||
@@ -90,7 +90,6 @@
|
||||
<div style="height:25px;padding:7.5px 0;">
|
||||
|
||||
<h1>News für dich:</h1>
|
||||
|
||||
</div>
|
||||
<!--<br><br>
|
||||
Die Mitarbeiter der VERAG Spedition AG haben sich auf die Bereiche Zoll und Steuer spezialisiert und können so ihren Kunden einen individuell abgestimmten Service anbieten.
|
||||
|
||||
Reference in New Issue
Block a user