Spinner
TsgcHTMLComponent_Spinner — erzeuge einen Bootstrap-5-Lade-Spinner im Border- oder Grow-Stil, mit Größe, Farbe und barrierefreiem Text, in Delphi, C++ Builder und .NET.
TsgcHTMLComponent_Spinner — erzeuge einen Bootstrap-5-Lade-Spinner im Border- oder Grow-Stil, mit Größe, Farbe und barrierefreiem Text, in Delphi, C++ Builder und .NET.
Eine Lade-Spinner-Komponente, die Bootstrap-5-spinner-Markup erzeugt. Wähle den Spinner-Typ, die Größe und die Farbe, lies dann die HTML-Eigenschaft aus — oder rufe den statischen Build-Helfer für einen Einzeiler auf.
TsgcHTMLComponent_Spinner
Bootstrap-5-Spinner-Markup
Delphi, C++ Builder, .NET
Rufe Build(spinnerType, color, size) für einen schnellen Spinner auf, oder erstelle die Komponente, setze SpinnerType, Size und ColorStyle und lies dann HTML aus.
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 markupDie am häufigsten verwendeten Member.
SpinnerType wählt spBorder (rotierender Ring) oder spGrow (pulsierender Punkt) über TsgcHTMLSpinnerType.
Size wählt ssNormal oder ssSmall über TsgcHTMLSpinnerSize.
ColorStyle nimmt ein TsgcHTMLColor (etwa hcPrimary oder hcSuccess); Color akzeptiert einen rohen Bootstrap-Farbnamen als String.
Text setzt das visuell verborgene Status-Label, das von Screenreadern vorgelesen wird (Standard ist der "Loading..."-Text der Locale).
SpinnerID vergibt die Element-id, damit du den Spinner aus JavaScript anzeigen oder entfernen kannst.
Build(spinnerType, color, size) liefert einen fertigen Spinner; HTML erzeugt das Bootstrap-Spinner-Markup mit seiner role und dem verborgenen Text.
| Alle sgcHTML-KomponentenDurchsuche die vollständige Funktionsmatrix von über 60 Komponenten. | Öffnen | |
| Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte. | Öffnen | |
| PreiseSingle-, Team- und Site-Lizenzen mit vollständigem Quellcode. | Öffnen |