Domino 9 und frühere Versionen > ND9: Entwicklung

Log-In Form responsiv machen

<< < (2/2)

HH:
Versuch mal:


--- Code: ---<div class="container">
<form action="/names.nsf?Login" method="post" class="form-signin">
<h3 class="form-signin-heading">Anmeldung</h3>
<label for="username" style="color:darkgrey;">Benutzername:</label>
<input type="text" name="Username" id="username" class="form-control" placeholder="Vorname Nachname" style="width:100%" autofocus>
<label for="password" style="margin-top:10px;color:darkgrey;">Kennwort:</label>
<input type="password" name="password" id="password" class="form-control" style="width:100%;margin-bottom:0px;" placeholder="Kennwort" autocomplete="off">        
<button type="submit" class="btn btn-primary btn-block">anmelden</button>

--- Ende Code ---

Gruß
Hubert

theBastian:
Super. Geht. Leider verstehe ich nicht alles, meine css-Kenntnisse sind zu schlecht.

Es reicht also nicht, den Typ anzugeben?

HH:
Es reicht nicht aus die css Dateien einzubinden. Sie müssen auch durch Nutzung der in den Dateien enthaltenen Klassen Anwendung finden. Also z.B. mit

--- Code: ---class="form-control"
class="btn btn-primary btn-block"

--- Ende Code ---

Dann fehlt aber in deiner Maske noch die Meldung die angezeigt wird, wenn ein Fehler auftritt:

--- Code: ---<h3 class="form-signin-heading">Anmeldung</h3>
<div class="alert alert-danger" role="alert" style="padding:0px;"><b><Computed Value></b></div>

--- Ende Code ---

Auch als Durchgangs-HTML. Zeile verbergen wenn:

--- Code: ---reasonType = "0" | reasonType = ""

--- Ende Code ---

<Computed Value> ist berechneter Text mit der Formel (aus der default Anmeldemaske):

--- Code: ---sDefault := "";
sNotEnough := "%1, Sie haben keinen Zugriff auf %2." + @NewLine + @NewLine + "Melden Sie sich mit den erforderlichen Rechten an:";
sInvalid := "Benutzername oder Kennwort sind nicht korrekt." ;
sExpired := "Ihre Anmeldung ist abgelaufen. Melden Sie sich erneut an:";
sOutOfSync := "%1, your login has been invalidated due to a timing issue with the login servers." + @NewLine + @NewLine + "(The servers may need to have their clocks synchronized to resolve this.)" + @NewLine + @NewLine + "Melden Sie sich erneut an:";
sLockedOrInvalid := "Sie wurden abgemeldet, oder Sie haben einen falschen Benutzernamen bzw. ein falsches Kennwort eingegeben." + @NewLine + @NewLine + "Melden Sie sich erneut an:";

"---DNT---";

User := @ProperCase(@Name([CN]; @UserName));
URL := @Right(redirectTo; "/");
URL := @If(@Contains(URL; "?"); @Left(URL; "?"); URL);

List := User:URL;
@For(n:=1; n<=@Elements(List); n:=n+1;
 sNotEnough := @ReplaceSubstring(sNotEnough; "%" + @Text(n); List[n]);
 sOutOfSync := @ReplaceSubstring(sOutOfSync; "%" + @Text(n); List[n])
);

@If( reasonType = "0"; sDefault;
reasonType = "1"; sNotEnough;
reasonType = "2"; sInvalid;
reasonType = "3"; sExpired;
reasonType = "4"; sOutOfSync;
reasonType = "5"; sLockedOrInvalid;
sDefault
)

--- Ende Code ---

Gruß
Hubert

theBastian:
Vielen Dank, nach dem Vergleichen der beide Code-Snippets dachte ich, dass es was damit zu tun hat. Deine Erklärung ist natürlich noch besser und macht es mir einfacher.

Fehler habe ich noch nicht drin, ich wollte erst mal, dass das Design funktioniert, wie gewünscht. Den Rest kann ich ja dann von der $$LoginUserForm übernehmen.

Navigation

[0] Themen-Index

[*] Vorherige Sete