Spinner
TsgcHTMLComponent_Spinner — render een Bootstrap 5 laadspinner in border- of grow-stijl, met afmeting, kleur en toegankelijke tekst, in Delphi, C++ Builder en .NET.
TsgcHTMLComponent_Spinner — render een Bootstrap 5 laadspinner in border- of grow-stijl, met afmeting, kleur en toegankelijke tekst, in Delphi, C++ Builder en .NET.
Een laadspinner-component die Bootstrap 5 spinner-markup genereert. Kies het spinnertype, de afmeting en de kleur en lees vervolgens de eigenschap HTML — of roep de statische helper Build aan voor een oneliner.
TsgcHTMLComponent_Spinner
Bootstrap 5 spinner-markup
Delphi, C++ Builder, .NET
Roep Build(spinnerType, color, size) aan voor een snelle spinner, of maak het component aan, stel SpinnerType, Size en ColorStyle in en lees vervolgens HTML.
uses
sgcHTML_Enums, sgcHTML_Component_Spinner;
// One-line static helper (primary form):
var
vHTML: string;
begin
vHTML := TsgcHTMLComponent_Spinner.Build(spBorder, hcPrimary, ssNormal);
WebModule.Response := vHTML;
end;
// Or configure it fully:
var
oSpin: TsgcHTMLComponent_Spinner;
begin
oSpin := TsgcHTMLComponent_Spinner.Create(nil);
try
oSpin.SpinnerType := spGrow;
oSpin.Size := ssSmall;
oSpin.ColorStyle := hcSuccess;
oSpin.Text := 'Loading...';
oSpin.SpinnerID := 'loader';
WebModule.Response := oSpin.HTML; // Bootstrap spinner markup
finally
oSpin.Free;
end;
end;// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Spinner.hpp
// One-line static helper (primary form):
String html = TsgcHTMLComponent_Spinner::Build(spBorder, hcPrimary, ssNormal);
// Or configure it fully:
TsgcHTMLComponent_Spinner *oSpin = new TsgcHTMLComponent_Spinner(NULL);
try
{
oSpin->SpinnerType = spGrow;
oSpin->Size = ssSmall;
oSpin->ColorStyle = hcSuccess;
oSpin->Text = "Loading...";
oSpin->SpinnerID = "loader";
String body = oSpin->HTML; // Bootstrap spinner markup
}
__finally
{
delete oSpin;
}using esegece.sgcWebSockets;
// One-line static helper (primary form):
string html = TsgcHTMLComponent_Spinner.Build(TsgcHTMLSpinnerType.spBorder,
TsgcHTMLColor.hcPrimary, TsgcHTMLSpinnerSize.ssNormal);
// Or configure it fully:
var spin = new TsgcHTMLComponent_Spinner();
spin.SpinnerType = TsgcHTMLSpinnerType.spGrow;
spin.Size = TsgcHTMLSpinnerSize.ssSmall;
spin.ColorStyle = TsgcHTMLColor.hcSuccess;
spin.Text = "Loading...";
spin.SpinnerID = "loader";
string body = spin.HTML; // Bootstrap spinner markupDe members die je het vaakst gebruikt.
SpinnerType selecteert spBorder (draaiende ring) of spGrow (pulserende stip) via TsgcHTMLSpinnerType.
Size kiest ssNormal of ssSmall via TsgcHTMLSpinnerSize.
ColorStyle neemt een TsgcHTMLColor (zoals hcPrimary of hcSuccess); Color accepteert een onbewerkte Bootstrap-kleurnaam als string.
Text stelt het visueel verborgen statuslabel in dat door schermlezers wordt voorgelezen (standaard de "Loading..."-tekst van de locale).
SpinnerID kent de element-id toe zodat je de spinner vanuit JavaScript kunt tonen of verwijderen.
Build(spinnerType, color, size) geeft een kant-en-klare spinner terug; HTML genereert de Bootstrap spinner-markup met de bijbehorende role en verborgen tekst.