Placeholder
TsgcHTMLComponent_Placeholder — render een Bootstrap 5 skeleton-laadkaart met een shimmer-animatie en instelbare regels, afbeelding, titel en knoppen, in Delphi, C++ Builder en .NET.
TsgcHTMLComponent_Placeholder — render een Bootstrap 5 skeleton-laadkaart met een shimmer-animatie en instelbare regels, afbeelding, titel en knoppen, in Delphi, C++ Builder en .NET.
Een skeleton-loader-component die Bootstrap 5 placeholder-markup met een glow- of wave-shimmer genereert. Stel het aantal regels in en welke onderdelen worden getoond, en lees vervolgens de eigenschap HTML — of roep de statische helpers BuildCard / BuildText aan.
TsgcHTMLComponent_Placeholder
Bootstrap 5 placeholder-markup
Delphi, C++ Builder, .NET
Roep BuildCard(lineCount, animation) aan voor een volledige skeleton-kaart, of maak het component aan, stel LineCount, ShowImage en Animation in en lees vervolgens HTML.
uses
sgcHTML_Enums, sgcHTML_Component_Placeholder;
// One-line static helper (primary form):
var
vHTML: string;
begin
vHTML := TsgcHTMLComponent_Placeholder.BuildCard(3, paWave);
WebModule.Response := vHTML;
end;
// Or configure it fully:
var
oPH: TsgcHTMLComponent_Placeholder;
begin
oPH := TsgcHTMLComponent_Placeholder.Create(nil);
try
oPH.LineCount := 4;
oPH.Animation := paGlow;
oPH.Color := hcSecondary;
oPH.ShowImage := True;
oPH.ShowTitle := True;
oPH.ShowButtons := True;
WebModule.Response := oPH.HTML; // Bootstrap placeholder card
finally
oPH.Free;
end;
end;// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Placeholder.hpp
// One-line static helper (primary form):
String html = TsgcHTMLComponent_Placeholder::BuildCard(3, paWave);
// Or configure it fully:
TsgcHTMLComponent_Placeholder *oPH = new TsgcHTMLComponent_Placeholder(NULL);
try
{
oPH->LineCount = 4;
oPH->Animation = paGlow;
oPH->Color = hcSecondary;
oPH->ShowImage = true;
oPH->ShowTitle = true;
oPH->ShowButtons = true;
String body = oPH->HTML; // Bootstrap placeholder card
}
__finally
{
delete oPH;
}using esegece.sgcWebSockets;
// One-line static helper (primary form):
string html = TsgcHTMLComponent_Placeholder.BuildCard(3,
TsgcHTMLPlaceholderAnimation.paWave);
// Or configure it fully:
var ph = new TsgcHTMLComponent_Placeholder();
ph.LineCount = 4;
ph.Animation = TsgcHTMLPlaceholderAnimation.paGlow;
ph.Color = TsgcHTMLColor.hcSecondary;
ph.ShowImage = true;
ph.ShowTitle = true;
ph.ShowButtons = true;
string body = ph.HTML; // Bootstrap placeholder cardDe members die je het vaakst gebruikt.
LineCount stelt in hoeveel placeholder-tekstregels er renderen (standaard 3), in wisselende breedtes om echte tekst na te bootsen.
Animation selecteert een paGlow- of paWave-shimmer via TsgcHTMLPlaceholderAnimation.
ShowImage voegt een afbeeldingsblok toe, ShowTitle een titelbalk en ShowButtons twee knop-placeholders.
Size stelt de placeholder-hoogte in met phSmall, phNormal, phLarge of phExtraLarge; Color neemt een TsgcHTMLColor.
BuildCard(lineCount, animation) geeft een volledige skeleton-kaart terug; BuildText(lineCount, animation) alleen tekstregels; BuildButton(animation) één knop.
HTML geeft de volledige Bootstrap placeholder-kaart terug — vervang die door de echte content zodra je gegevens geladen zijn.