Skip to content
Snippets Groups Projects
Commit 109f1a8b authored by Giorgio Utzeri's avatar Giorgio Utzeri
Browse files

responsive addUser

parent 690ad68d
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 23 additions and 8 deletions
addUser.jsp
+ 23
− 8
View file @ 109f1a8b
...@@ -11,28 +11,43 @@ ...@@ -11,28 +11,43 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet">
<link rel="icon" href="images/LilleConnect.png" type="image/png"> <link rel="icon" href="images/LilleConnect.png" type="image/png">
<style>
/* CSS pour afficher les éléments les uns sous les autres sur les petits écrans */
@media (max-width: 576px) {
.form-control {
width: 100%; /* S'assure que les champs prennent toute la largeur */
margin-bottom: 10px; /* Ajoute un espacement entre les champs */
}
.list-group-item {
display: block; /* Affiche les éléments de la liste les uns sous les autres */
margin-bottom: 10px; /* Espacement entre les éléments de la liste */
}
.btn {
width: 100%; /* Les boutons prennent toute la largeur sur petits écrans */
margin-top: 10px;
}
}
</style>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<form action="addUserFil" method="POST" class="row"> <form action="addUserFil" method="POST">
<h2>Ajouter Membre(s)</h2> <h2>Ajouter Membre(s)</h2>
<div class="mb-3 col-12 col-md-6"> <div class="mb-3">
<label for="utilisateurs" class="form-label">Utilisateur(s)</label> <label for="utilisateurs" class="form-label">Utilisateur(s)</label>
<input type="text" class="form-control" id="utilisateurs" name="utilisateurs"> <input type="text" class="form-control" id="utilisateurs" name="utilisateurs">
<p>Separez les mails utilisateurs par des "/"</p> <p>Separez les mails utilisateurs par des "/"</p>
</div>
<div class="mb-3 col-12 col-md-6">
<label for="admin" class="form-label">Admin ? (true / false)</label> <label for="admin" class="form-label">Admin ? (true / false)</label>
<input type="text" class="form-control" id="admin" name="admin"> <input type="text" class="form-control" id="admin" name="admin">
<input type="hidden" name="filId" value="<%= request.getParameter("filId") %>"> <input type="hidden" name="filId" value="<%= request.getParameter("filId") %>">
</div> </div>
<div class="col-12"> <button type="submit" class="btn btn-primary">Ajouter</button>
<button type="submit" class="btn btn-primary">Ajouter</button>
</div>
</form> </form>
</div> </div>
<div class="container mt-4"> <div class="container">
<h2>Liste des Membres du Fil</h2> <h2>Liste des Membres du Fil</h2>
<ul class="list-group"> <ul class="list-group">
<% <%
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment