Snackbar
TsgcHTMLComponent_Snackbar — renderize um snackbar transitório estilo Material com um link de ação opcional, cor, posição na tela e ocultação automática, em Delphi, C++ Builder e .NET.
TsgcHTMLComponent_Snackbar — renderize um snackbar transitório estilo Material com um link de ação opcional, cor, posição na tela e ocultação automática, em Delphi, C++ Builder e .NET.
Um componente snackbar que emite CSS com escopo mais um bloco de markup posicionado. Defina a mensagem, a cor e a posição e então leia a propriedade HTML — ou chame o helper estático Build para uma linha única.
TsgcHTMLComponent_Snackbar
CSS com escopo + markup do snackbar
Delphi, C++ Builder, .NET
Chame Build(message, color, actionText, position) para um snackbar rápido, ou crie o componente, defina ActionHref, AutoHide e Delay e então leia HTML.
uses
sgcHTML_Enums, sgcHTML_Component_Snackbar;
// One-line static helper (primary form):
var
vHTML: string;
begin
vHTML := TsgcHTMLComponent_Snackbar.Build('Message sent.',
hcSuccess, 'Undo', sbBottomRight);
WebModule.Response := vHTML;
end;
// Or configure it fully:
var
oSB: TsgcHTMLComponent_Snackbar;
begin
oSB := TsgcHTMLComponent_Snackbar.Create(nil);
try
oSB.Message := 'Message sent.';
oSB.Color := hcSuccess;
oSB.Position := sbBottomRight;
oSB.ActionText := 'Undo';
oSB.ActionHref := '/undo';
oSB.AutoHide := True;
oSB.Delay := 4000;
WebModule.Response := oSB.HTML; // scoped CSS + snackbar markup
finally
oSB.Free;
end;
end;// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Snackbar.hpp
// One-line static helper (primary form):
String html = TsgcHTMLComponent_Snackbar::Build("Message sent.",
hcSuccess, "Undo", sbBottomRight);
// Or configure it fully:
TsgcHTMLComponent_Snackbar *oSB = new TsgcHTMLComponent_Snackbar(NULL);
try
{
oSB->Message = "Message sent.";
oSB->Color = hcSuccess;
oSB->Position = sbBottomRight;
oSB->ActionText = "Undo";
oSB->ActionHref = "/undo";
oSB->AutoHide = true;
oSB->Delay = 4000;
String html = oSB->HTML; // scoped CSS + snackbar markup
}
__finally
{
delete oSB;
}using esegece.sgcWebSockets;
// One-line static helper (primary form):
string html = TsgcHTMLComponent_Snackbar.Build("Message sent.",
TsgcHTMLColor.hcSuccess, "Undo", TsgcHTMLSnackbarPosition.sbBottomRight);
// Or configure it fully:
var sb = new TsgcHTMLComponent_Snackbar();
sb.Message = "Message sent.";
sb.Color = TsgcHTMLColor.hcSuccess;
sb.Position = TsgcHTMLSnackbarPosition.sbBottomRight;
sb.ActionText = "Undo";
sb.ActionHref = "/undo";
sb.AutoHide = true;
sb.Delay = 4000;
string html = sb.HTML; // scoped CSS + snackbar markupOs membros que você usa com mais frequência.
Message é o texto exibido no snackbar; SnackbarID atribui o id do elemento usado para dispensá-lo a partir do JavaScript.
ActionText adiciona um botão de ação final; defina ActionHref para torná-lo um link, caso contrário ele dispensa o snackbar ao clicar.
Color recebe um TsgcHTMLColor (padrão hcDark) e tinge o fundo do snackbar.
Position o posiciona com sbBottom, sbTop, sbBottomLeft, sbBottomRight, sbTopLeft ou sbTopRight (TsgcHTMLSnackbarPosition).
AutoHide remove o snackbar após Delay milissegundos (padrão 4000) através de um script de timeout emitido.
Build(message, color, actionText, position) retorna um snackbar pronto; HTML emite o CSS com escopo, o markup de slide-in e o script de ocultação automática.
| Todos os Componentes sgcHTMLExplore a matriz completa de recursos com mais de 60 componentes. | Abrir | |
| Baixar Versão de Avaliação GratuitaA avaliação de 30 dias inclui os projetos de demonstração 60.HTML. | Abrir | |
| PreçosLicenças Single, Team e Site com código-fonte completo. | Abrir |