GUI Änderungen

This commit is contained in:
ja
2021-11-23 15:33:20 +01:00
parent 2e65a873f2
commit e22e52cc4e
7 changed files with 225 additions and 66 deletions

View File

@@ -1,4 +1,4 @@
<%@ Page Language="VB" Debug="true" AutoEventWireup="false" CodeFile="login_FLEX.aspx.vb" Inherits="login_FLEX"%>
<%@ Page Language="VB" Debug="true" AutoEventWireup="false" CodeFile="login_FLEX.aspx.vb" Inherits="login_FLEX" EnableSessionState="True" %>
<!DOCTYPE html>
@@ -97,7 +97,7 @@
margin-left: -4px;
}
.container-fluid {
width: 395px;
width: 390px;
height:413px;
position:absolute;
background-color: rgba(255,255,255,0.5);
@@ -119,34 +119,32 @@
background-color: #fff;
overflow-y: clip;
overflow-x: clip;
max-width:390px;
max-width:375px;
}
#content_container {
display: flex;
justify-content: center;
align-items: center;
width: 395px;
width: 375px;
height: 613px;
margin: 0 auto auto 9%;
margin-top: 0px;
}
.container-fluid {
width: 395px;
width: 375px;
height: 613px;
background-color: rgba(255,255,255,0.5);
top:50%;
bottom: auto;
left: -192px;
right: 520px;
margin: auto auto auto -2px;
top:2px;
bottom: auto;
margin: 7px auto auto -195px;
}
#tbl_main_M {
font-family: Arial;
font-size: 11px;
border: 1px solid gray;
width: 295px;
width: 375px;
height: 613px;
margin: auto auto auto -2px;
}
@@ -160,6 +158,7 @@
font-size: 2em;
color: #fff;
margin-top:-20px;
margin-left:-4px;
}
.txt_design {
color: #003680;
@@ -265,7 +264,7 @@
margin-left:8px;
color:#003680;
}
@media (max-width: 323px) {
@media (max-width: 322.98px) {
body {
font-family: 'Poppins', sans-serif;
background: #fafafa;
@@ -277,29 +276,29 @@
background-color: #fff;
overflow-y: clip;
overflow-x: clip;
max-width: 323px;
width: 322.98px;
}
.container-fluid {
width: 395px;
width: 322.98px;
height: 613px;
background-color: rgba(255,255,255,0.5);
top:0%;
top:2px;
bottom: auto;
left: -2px;
right: 2020px;
margin: auto;
right: 0px;
margin: 0 auto;
}
#content_container {
width: 325px;
width: 322.98px;
height: 613px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
margin-top: 0px;
margin-left: 5%;
margin-top: 2px;
margin-left: 8%;
}
bg-email-icon {
background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 10px white;
@@ -457,37 +456,37 @@
<LayoutTemplate>
<center>
<table id="tbl_main_M" cellpadding="0" style="margin: 0 auto;border:none">
<tr style="color:#003680; height:30px;">
<tr style="color:#003680; height:25px;">
<td align="left" style="color:#fff;font-kerning:auto;">
<asp:Label ID="lbl_login_M" runat="server" Text="Login" style=" color: #003680;font-size: 2.320901320901321em; font-weight: 800; margin-left:132px;margin-top:20px"></asp:Label>
</td>
</tr>
<tr style="color:#003680; height:86px">
<tr style="color:#003680; height:57px">
<td align="left">
<asp:TextBox ID="txt_CustomerID_M" CssClass="bg-UID-icon" runat="server" ValidationGroup="Login_M" Width="325" Placeholder="Customer-ID" Font-Size="2.025em" style="margin-left: 22px;margin-top:20px;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;"></asp:TextBox>
<asp:TextBox ID="txt_CustomerID_M" CssClass="bg-UID-icon" runat="server" ValidationGroup="Login_M" Width="325" Placeholder="Customer-ID" Font-Size="2.025em" style="margin-left: 22px;margin-top:10px;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;"></asp:TextBox>
<asp:RequiredFieldValidator ID="CustomerID_M_required" runat="server" ControlToValidate="txt_CustomerID_M" SetFocusOnError="true" Font-Size="18px" ForeColor="Red" style="margin-left:22px;" ValidationGroup="Login_M" ErrorMessage="*"></asp:RequiredFieldValidator>
</td>
</tr>
<tr style="color:#003680; height:86px;">
<tr style="color:#003680; height:57px;">
<td align="left" colspan="2">
<asp:TextBox id="Username" runat="server" CssClass="bg-user-icon" TextMode="SingleLine" Width = "325" ValidationGroup="Login_M" Placeholder="Username" required="true" Font-Size="2.025em" style="margin-left:22px;color:#003680;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;"></asp:TextBox>
<asp:RequiredFieldValidator ID="UserName_M_required" runat="server" ControlToValidate="Username" Font-Size="18px" ErrorMessage="*" ForeColor="Red" style="margin-left:22px;" ValidationGroup="Login_M" SetFocusOnError="false"></asp:RequiredFieldValidator>
</td>
</tr>
<tr style="color:#003680; height:86px;">
<tr style="color:#003680; height:57px;">
<td align="left" colspan="2">
<asp:TextBox ID="Password" runat="server" CssClass="bg-key-icon" TextMode="Password" Tooltip="Please provide the Password" required="true" Width = "325" Font-Size="2.025em" ValidationGroup="Login_M" MaxLength="30" AutoCompleteType="Enabled" CausesValidation="true" style="margin-left:22px;color:#003680;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;" Placeholder="Password" Text="Password"></asp:TextBox>
<asp:RequiredFieldValidator ID="Passwordrequired_M" runat="server" SetFocusOnError="true" Font-Size="18px" ControlToValidate="Password" style="margin-left:22px;color:red;" ErrorMessage="*" ForeColor="Red" ValidationGroup="Login_M"></asp:RequiredFieldValidator>
</td>
</tr>
<tr style="color:#003680; height:143px;">
<tr style="color:#003680; height:80px;">
<td align="left" colspan="4">
<asp:LinkButton ID="LoginButton_M" runat="server" CommandName="Login" BorderStyle="None" ValidationGroup="Login_M" CssClass="btn btn-primary" target="_top" OnClientClick="bust2()" Width="320px" Font-Size="20px" style="margin-left:22px; padding:0px 0px 0px 0px;background-color:#003680;height:52px"><center><label for="LoginButton_M" style="margin:0 auto; margin-top:13px">Login</label></center></asp:LinkButton>
<asp:LinkButton ID="LoginButton_M" runat="server" CommandName="Login" BorderStyle="None" ValidationGroup="Login_M" CssClass="btn btn-primary" target="_top" OnClientClick="bust2()" Width="320px" Font-Size="20px" style="margin-left:24px; padding:0px 0px 0px 0px;background-color:#003680;height:52px;margin-top:-40px;"><center><label for="LoginButton_M" style="margin:0 auto; margin-top:13px">Login</label></center></asp:LinkButton>
</td>
</tr>
<tr style="color:#003680; height:46px;">
<tr style="color:#003680; height:34px;">
<td align="left" colspan="2">
<asp:CheckBox ID="RememberMe_M" runat="server" ValidationGroup="Login_M" style="margin-left:22px;"/><label for="RememberMe_M" id="lbl_for_chkbox_M">Remember me.</label>
<asp:CheckBox ID="RememberMe_M" runat="server" ValidationGroup="Login_M" style="margin-left:22px;margin-top:-10px"/><label for="RememberMe_M" id="lbl_for_chkbox_M">Remember me.</label>
</td>
<td align="right" colspan="2">
<asp:LinkButton id="btn_ForgotPW_M" runat="server" target="_top" PostBackUrl="ForgotPW.aspx" href="ForgotPW.aspx" style="margin-left:-164px;margin-right:-62px;">I forgot my password</asp:LinkButton>