I forum Ricerca FAQ
Fai una domanda
Ultimo messaggio
perini.luca
perini.luca
il 3 settembre 2019 alle 16:33
93 messaggi dal 22 marzo 2012
Buon pomeriggio lista

mi sto scontrando il controllo @html.passwordfor() in una pagina di login.

Vorrei poter visualizzare sulla destra del controllo l'icona dell'occhio in modo da poter visualizzare o meno quanto editato.

Sto utilizzando boostrap 4 in una procedura ASP.net 4.7.2 MVC,

Ho cercato in rete ma non trovo nessun riferimento al controllo su accennato e quello che trovo fa riferimento a <input> e non riesco ad adattarlo al controllo.

Vi inserisco il codice che sto usando
        <div class="form-group">
            @Html.LabelFor(model => model.Password, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.PasswordFor(model => model.Password, new { @class = "form-control" })
                @Html.ValidationMessageFor(model => model.Password, "", new { @class = "text-danger" })
            </div>
        </div>

Nessuno che sa come si fa?
Ringraziandovi invio cordiali saluti
Perini Luca
RispondiQuoting
pillopo
pillopo
il 4 settembre 2019 alle 14:44
98 messaggi dal 13 febbraio 2016
Ciao Luca,
ti allego un piccolo esempio con un semplice controllo input e Bootstrap,
spero ti sia utile, ciao!

<!DOCTYPE html>
<html>
<head>
  <title>Hide/Show Password</title>
  <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-show-password/1.0.3/bootstrap-show-password.min.js"></script>
</head>
<body>


<div class="container">
  <form>
    <div class="form-group">
      <label>Username:</label>
      <input type="text" name="username" class="form-control">
    </div>
    <div class="form-group">
      <label>Password:</label>
      <input type="password" id="password" name="password" class="form-control" data-toggle="password">
    </div>
    <div class="form-group">
      <button class="btn btn-success">Submit</button>
    </div>
  </form>
</div>


<script type="text/javascript">
  $("#password").password('toggle');
</script>


</body>
</html>
RispondiQuoting
perini.luca
perini.luca
il 4 settembre 2019 alle 17:21
93 messaggi dal 22 marzo 2012
Ciao Pillopo

grazie per il codice che ho usato e non ha sortito nessun effetto ma mi ha permesso di capire che non bisogna fare le prove con Edge versione Beta.

La stavo testando per una cosa e mi sono dimenticato di levare la selezione nel progetto.

Ho fatto girare il progetto in Chrome e Egde (versione Windows 10) e tutto funziona.

Spero che sia utile ad altri per non perdere ore e ore di lavoro tentando di capire perchè una cosa semplice non funzioni.

Grazie ancora.

Ciao
Perini Luca
RispondiQuoting

Torna al forum | Feed RSS

ASPItalia.com non è responsabile per il contenuto dei messaggi presenti su questo servizio, non avendo nessun controllo sui messaggi postati nei propri forum, che rappresentano l'espressione del pensiero degli autori.