Login
TsgcHTMLComponent_Login — een kant-en-klaar inlogformulier met gebruikersnaam, wachtwoord, onthoud-mij en fout-/succesmeldingen, gerenderd als kaart, gecentreerd of paginavullende lay-out, in Delphi, C++ Builder en .NET.
TsgcHTMLComponent_Login — een kant-en-klaar inlogformulier met gebruikersnaam, wachtwoord, onthoud-mij en fout-/succesmeldingen, gerenderd als kaart, gecentreerd of paginavullende lay-out, in Delphi, C++ Builder en .NET.
Een drop-in inlogcomponent dat een Bootstrap 5-formulier uitstuurt. Stel de action, labels en stijl in, voeg optioneel een logo en footerlink toe en lees daarna de HTML-eigenschap — of roep GetFullPageHTML aan voor een volledig document.
TsgcHTMLComponent_Login
Bootstrap 5-inlogformulier markup
Delphi, C++ Builder, .NET
Stel FormAction, de labels en LoginStyle in en lees daarna HTML — of roep GetFullPageHTML aan om een volledig HTML-document uit te sturen.
uses
sgcHTML_Enums, sgcHTML_Component_Login;
var
oLogin: TsgcHTMLComponent_Login;
begin
oLogin := TsgcHTMLComponent_Login.Create(nil);
try
oLogin.FormAction := '/login';
oLogin.FormMethod := 'POST';
oLogin.Title := 'Sign in';
oLogin.UserLabel := 'Email';
oLogin.PasswordLabel := 'Password';
oLogin.ShowRememberMe := True;
oLogin.LoginStyle := lsFullPage;
oLogin.ButtonStyleEnum := bsPrimary;
oLogin.SetLogoText('Acme Inc.');
oLogin.SetFooterText('Forgot your password?');
WebModule.Response := oLogin.HTML; // Bootstrap login form
finally
oLogin.Free;
end;
end;
// Or emit a full standalone HTML document (with the Bootstrap links):
oLogin.BootstrapCSSPath := '/bootstrap.min.css';
Response := oLogin.GetFullPageHTML('Sign in — Acme');// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Login.hpp
TsgcHTMLComponent_Login *oLogin = new TsgcHTMLComponent_Login(NULL);
try
{
oLogin->FormAction = "/login";
oLogin->FormMethod = "POST";
oLogin->Title = "Sign in";
oLogin->UserLabel = "Email";
oLogin->PasswordLabel = "Password";
oLogin->ShowRememberMe = true;
oLogin->LoginStyle = lsFullPage;
oLogin->ButtonStyleEnum = bsPrimary;
oLogin->SetLogoText("Acme Inc.");
oLogin->SetFooterText("Forgot your password?");
String html = oLogin->HTML; // Bootstrap login form
// Or a full standalone document:
String page = oLogin->GetFullPageHTML("Sign in");
}
__finally
{
delete oLogin;
}using esegece.sgcWebSockets;
var login = new TsgcHTMLComponent_Login();
login.FormAction = "/login";
login.FormMethod = "POST";
login.Title = "Sign in";
login.UserLabel = "Email";
login.PasswordLabel = "Password";
login.ShowRememberMe = true;
login.LoginStyle = TsgcHTMLLoginStyle.lsFullPage;
login.ButtonStyleEnum = TsgcHTMLButtonStyle.bsPrimary;
login.SetLogoText("Acme Inc.");
login.SetFooterText("Forgot your password?");
string html = login.HTML; // Bootstrap login form
// Or a full standalone document:
string page = login.GetFullPageHTML("Sign in");De members die je het vaakst gebruikt.
FormAction en FormMethod bepalen waar het formulier naartoe post; FormID geeft het een naam. Het formulier post altijd username, password en (optioneel) remember.
Title, Subtitle, UserLabel, PasswordLabel, UserPlaceholder, PasswordPlaceholder en ButtonText bepalen de teksten.
LoginStyle kiest lsCard, lsCentered of lsFullPage; ButtonStyleEnum, MaxWidth, MinHeight, BackgroundClass en CSSClass stemmen de look af.
ShowRememberMe voegt het selectievakje toe; ErrorMessage en SuccessMessage renderen danger-/success-meldingen boven het formulier.
SetLogoText(aText) en SetFooterText(aText) zijn snelle helpers; LogoHTML, FooterHTML, FooterLinkText en FooterLinkURL geven volledige controle.
HTML geeft de formulier-markup terug. GetFullPageHTML(const aPageTitle) stuurt een volledig HTML-document uit en koppelt BootstrapCSSPath en BootstrapJSPath.