sgcHTML Matrice delle Funzionalità — Tutti i Componenti | eSeGeCe

sgcHTML Matrice delle Funzionalità

Ogni componente della libreria, raggruppato in nove famiglie. Ciascuno genera markup Bootstrap 5 e funziona allo stesso modo in Delphi, C++ Builder e .NET. La maggior parte è data-aware e si collega direttamente a un TDataSet tramite LoadFromDataSet / DataSource (o una sorgente .NET equivalente). Fai clic su un componente per aprire la sua pagina dedicata con utilizzo ed esempi. Tutti i componenti applicano la codifica automatica dell'output di HTML, attributi, JavaScript e URL, oltre alla sanificazione degli URL, così il contenuto dinamico viene sottoposto a escape per impostazione predefinita per proteggere da XSS e injection.

14 componenti

Dati e Tabelle

11 componenti

Grafici e Visualizzazione

10 componenti

Moduli e Campi

21 componenti

Contenuti e Layout

10 componenti

Overlay e Feedback

12 componenti

Chat e IA

4 componenti

Autenticazione

7 componenti

Infrastruttura

8 classi

Dati e Tabelle

Dati e Tabelle

Griglie, calendari e board che renderizzano direttamente i tuoi dataset.

ComponenteClasseDescrizioneAiuto
GridTsgcHTMLComponent_GridTabella ricca di funzionalità: ordinamento, filtro, esportazione CSV/PDF, modifica inline, raggruppamento, scroll virtuale e query IA.Docs
DataTableTsgcHTMLComponent_DataTableTabella dati di livello superiore che combina Grid + Pagination con barra degli strumenti, ricerca e conteggio delle righe.Docs
CalendarTsgcHTMLComponent_CalendarCalendario a griglia mensile con indicatori di evento e navigazione precedente/successivo.Docs
SchedulerTsgcHTMLComponent_SchedulerPianificatore a calendario (viste mese / settimana) che renderizza gli eventi per data.Docs
TimelineTsgcHTMLComponent_TimelineTimeline verticale di eventi datati, caricabile da un dataset.Docs
KanbanBoardTsgcHTMLComponent_KanbanBoardBoard Kanban di colonne e schede trascinabili.Docs
GanttTsgcHTMLComponent_GanttDiagramma di Gantt per la pianificazione di progetti con barre di avanzamento delle attività.Docs
TreeGridTsgcHTMLComponent_TreeGridTabella Bootstrap con righe gerarchiche comprimibili costruite dalle coppie di nodi Id/ParentId.Docs
PivotTableTsgcHTMLComponent_PivotTableTabella pivot Bootstrap che raggruppa righe e colonne e aggrega le misure con totali di riga, di colonna e generali.Docs
ActivityFeedTsgcHTMLComponent_ActivityFeedFeed di attività live, con i più recenti in cima, timestamp relativi e push WebSocket out-of-band.Docs
AuditTrailTsgcHTMLComponent_AuditTrailFeed cronologico di audit-log delle azioni di utenti e sistema con attore, azione, destinazione e timestamp.Docs
Grafici e Visualizzazione

Grafici e Visualizzazione

Elementi visivi basati sui dati, costruiti a partire dai tuoi numeri.

ComponenteClasseDescrizioneAiuto
ChartTsgcHTMLComponent_ChartGrafico Chart.js: line, bar, pie, doughnut, radar, polar, bubble e scatter.Docs
GaugeTsgcHTMLComponent_GaugeIndicatore SVG semicircolare con soglie di colore basso / medio / alto.Docs
DiagramTsgcHTMLComponent_DiagramDiagramma di flusso con nodi e frecce renderizzato come SVG inline.Docs
MapTsgcHTMLComponent_MapMappa interattiva Leaflet.js (tile OpenStreetMap / CartoDB) con marcatori.Docs
HeatmapTsgcHTMLComponent_HeatmapGriglia heatmap SVG a scala di colore da valori di cella o da un dataset collegato, con legenda ed etichette di riga/colonna.Docs
SparklineTsgcHTMLComponent_SparklineSparkline SVG inline compatta a linea, barre o area da una serie di valori o da un dataset collegato.Docs
CandlestickChartTsgcHTMLComponent_CandlestickChartGrafico a candele OHLC in SVG con stoppini, colori rialzo/ribasso e una fascia volumi opzionale.Docs
QRCodeTsgcHTMLComponent_QRCodeCodice QR SVG ISO/IEC 18004 in puro Pascal da qualsiasi testo o URL, con livello di correzione errori selezionabile.Docs
BarcodeTsgcHTMLComponent_BarcodeCodice a barre Code 128 SVG in puro Pascal da qualsiasi testo ASCII, con didascalia leggibile opzionale.Docs
TreeMapTsgcHTMLComponent_TreeMapTreemap squarificata renderizzata come SVG inline autonomo generato dal server, senza necessità di librerie di grafici.Docs
Moduli e Campi

Moduli e Campi

Tutto il necessario per acquisire dati, con validazione e binding ai dataset.

ComponenteClasseDescrizioneAiuto
FormTsgcHTMLComponent_FormCostruttore di moduli basato sui dati con validazione, layout e generazione di moduli tramite IA.Docs
EditTsgcHTMLComponent_EditCampo di testo a riga singola con etichetta, testo di aiuto e binding ai dataset.Docs
MemoTsgcHTMLComponent_MemoCampo di testo multilinea (textarea) con etichetta e testo di aiuto.Docs
CheckBoxTsgcHTMLComponent_CheckBoxCampo checkbox con etichetta e stato selezionato.Docs
RadioGroupTsgcHTMLComponent_RadioGroupGruppo di opzioni radio mutuamente esclusive.Docs
SelectTsgcHTMLComponent_SelectMenu a discesa Select con gruppi di opzioni, selezione multipla e binding ai dataset.Docs
InputGroupTsgcHTMLComponent_InputGroupCampo di input con testo addon anteposto / posposto.Docs
AutoCompleteTsgcHTMLComponent_AutoCompleteCampo di testo supportato da una datalist HTML5 di suggerimenti.Docs
DatePickerTsgcHTMLComponent_DatePickerCampo di input nativo per data / ora / data e ora.Docs
FileUploadTsgcHTMLComponent_FileUploadZona di caricamento file con drag-and-drop e invio del modulo multipart.Docs
RichEditorTsgcHTMLComponent_RichEditorEditor di testo formattato WYSIWYG basato su Quill con campo di modulo nascosto.Docs
RatingTsgcHTMLComponent_RatingVisualizzazione o input di valutazione a stelle (simboli).Docs
MultiSelectTsgcHTMLComponent_MultiSelectUn menu a discesa Bootstrap a selezione multipla e ricercabile, con chip, opzioni raggruppate e binding ai dataset.Docs
ColorPickerTsgcHTMLComponent_ColorPickerUn campo colore HTML5 nativo con un campo di testo esadecimale opzionale e swatch predefiniti.Docs
SliderTsgcHTMLComponent_SliderUno slider a intervallo Bootstrap con badge del valore in tempo reale, etichette min/max e colore personalizzabile.Docs
TimePickerTsgcHTMLComponent_TimePickerUn campo orario HTML5 nativo con limiti min/max e granularità al secondo.Docs
SignaturePadTsgcHTMLComponent_SignaturePadUn pannello firma su canvas basato su pointer-events con le azioni Cancella, Annulla e Salva.Docs
TransferTsgcHTMLComponent_TransferWidget a doppia lista per spostare elementi tra un pannello disponibili e uno assegnati, con filtro e binding ai dataset.Docs
DateTimePickerTsgcHTMLComponent_DateTimePickerSelettore di data e ora HTML5 nativo che combina calendario e orologio in un unico campo.Docs
DateRangePickerTsgcHTMLComponent_DateRangePickerCoppia di campi data di inizio e fine per scegliere un intervallo di date, con limiti min/max.Docs
RangeSliderTsgcHTMLComponent_RangeSliderSlider a doppia maniglia per selezionare una coppia di valori minimo/massimo, con badge di valore in tempo reale.Docs
Contenuti e Layout

Contenuti e Layout

Card, contenuti multimediali e riquadri KPI per impaginare una pagina.

ComponenteClasseDescrizioneAiuto
PanelTsgcHTMLComponent_PanelPannello card Bootstrap con intestazione / corpo / piè di pagina, comprimibile e scorrevole.Docs
StatCardTsgcHTMLComponent_StatCardCard KPI / statistica per dashboard con icona, freccia di tendenza e gradiente opzionale.Docs
AccordionTsgcHTMLComponent_AccordionAccordion a collasso verticale di pannelli espandibili impilati.Docs
CarouselTsgcHTMLComponent_CarouselPresentazione / carosello di immagini con indicatori, controlli e riproduzione automatica.Docs
ImageTsgcHTMLComponent_ImageImmagine con forma, responsive / lazy-load, link lightbox e didascalia.Docs
AvatarTsgcHTMLComponent_AvatarAvatar utente (immagine o iniziali) con dimensione, forma e indicatore di stato di presenza.Docs
VideoTsgcHTMLComponent_VideoLettore video / audio HTML5 più un helper per l'incorporamento di YouTube.Docs
BadgeTsgcHTMLComponent_BadgeSingolo badge Bootstrap con colore, forma a pillola, un'icona inline e una modalità posizionata a pallino di notifica.Docs
PDFViewerTsgcHTMLComponent_PDFViewerVisualizzatore PDF integrato nella pagina basato su pdf.js, con navigazione tra pagine, zoom, ricerca, download e stampa.Docs
ChipTsgcHTMLComponent_ChipChip / tag compatto con icona opzionale, colore e un pulsante di chiusura rimovibile.Docs
Overlay e Feedback

Overlay e Feedback

Finestre di dialogo, superfici di stato e indicatori di caricamento.

ComponenteClasseDescrizioneAiuto
ModalTsgcHTMLComponent_ModalFinestra di dialogo modale con titolo / corpo / piè di pagina, dimensioni, centratura e sfondo statico.Docs
OffcanvasTsgcHTMLComponent_OffcanvasPannello off-canvas a scorrimento da sinistra, destra, alto o basso.Docs
PopoverTsgcHTMLComponent_PopoverFumetto popover su un elemento attivatore (clic / hover / focus).Docs
ToastTsgcHTMLComponent_ToastNotifica toast con intestazione, corpo, timestamp e occultamento automatico.Docs
SnackbarTsgcHTMLComponent_SnackbarSnackbar transitoria in stile Material con un'azione opzionale.Docs
NotificationTsgcHTMLComponent_NotificationCentro notifiche a discesa con icona campanello e badge dei non letti.Docs
SpinnerTsgcHTMLComponent_SpinnerSpinner di caricamento (border / grow), dimensionato e colorato.Docs
PlaceholderTsgcHTMLComponent_PlaceholderCard di caricamento skeleton / placeholder con un effetto shimmer animato.Docs
ContextMenuTsgcHTMLComponent_ContextMenuMenu a discesa attivato dal clic destro, ambito a un selettore CSS, con icone, divisori, intestazioni e azioni instradate dal server.Docs
JobProgressTsgcHTMLComponent_JobProgressElenco live di barre di avanzamento per job in background, con badge di stato, pulsanti di annullamento e aggiornamenti a frammenti out-of-band.Docs
LogViewerTsgcHTMLComponent_LogViewerVisualizzatore di log / terminale in streaming con filtro per livello, ricerca e scorrimento automatico.Docs
ProgressBarTsgcHTMLComponent_ProgressBarBarra di avanzamento Bootstrap, a righe e animata, singola o multi-segmento impilata.Docs
Chat e IA

Chat e IA

Interfacce conversazionali, dalle semplici bolle a un assistente IA in streaming.

ComponenteClasseDescrizioneAiuto
ChatBoxTsgcHTMLComponent_ChatBoxRiquadro chat a bolle in stile card con barra di input e indicatore di digitazione.Docs
ChatTsgcHTMLComponent_ChatChat in stile WhatsApp con messaggi di testo / immagine / file / audio / video, conferme di lettura e risposte.Docs
AIChatTsgcHTMLComponent_AIChatChat con assistente IA con selettore di provider / modello, streaming dei token e citazioni delle fonti RAG.Docs
PresenceTsgcHTMLComponent_PresenceElenco di presenza «chi è online» come pila di avatar o lista, con aggiornamenti di stato in tempo reale.Docs
Autenticazione

Autenticazione

Flussi di accesso già pronti, dalle password alle passkey.

ComponenteClasseDescrizioneAiuto
LoginTsgcHTMLComponent_LoginModulo / pagina di login già pronti (card, centrato o a pagina intera) con remember-me e avvisi.Docs
SocialLoginTsgcHTMLComponent_SocialLoginPannello di pulsanti per il login social OAuth (Google, Facebook, Apple, GitHub, Microsoft e altri).Docs
OAuthCallbackTsgcHTMLComponent_OAuthCallbackPagina di callback / atterraggio OAuth in stato di successo, errore o caricamento con reindirizzamento automatico.Docs
WebAuthnLoginTsgcHTMLComponent_WebAuthnLoginWidget di login e registrazione senza password con passkey / WebAuthn.Docs
RolesPermissionsTsgcHTMLComponent_RolesPermissionsMatrice di ruoli / permessi con una casella di controllo per cella e aggiornamenti dei permessi in tempo reale via WebSocket.Docs
UserManagementTsgcHTMLComponent_UserManagementTabella di amministrazione utenti con ruoli, stato, ricerca e un menu a discesa di azioni per riga.Docs
ImpersonateBannerTsgcHTMLComponent_ImpersonateBannerBanner di impersonificazione admin mostrato mentre si agisce come un altro utente, con uscita con un clic.Docs
Infrastruttura

Engine, Server e Temi

I componenti non visuali che servono le pagine e le mantengono attive.

ComponenteClasseDescrizioneGuida
EngineServerTsgcHTMLEngine_ServerEngine HTML collegato a un TsgcWebSocketHTTPServer che serve pagine renderizzate e asset incorporati.Docs
HTMXEngineTsgcHTMX_Engine_ServerEngine htmx collegato allo stesso server. Aggancia gli handler HTTP e WebSocket, smista le richieste e i messaggi in ingresso e invia o trasmette in broadcast frammenti HTML ai browser connessi in tempo reale (DispatchRequest, DispatchMessage, PushFragment, BroadcastFragment).Docs
PageBuilderTsgcHTMLPageBuilderAssembla i componenti registrati in una pagina responsive completa (con un editor visuale a design-time).Docs
TemplateBootstrapTsgcHTMLTemplate_BootstrapRacchiude il contenuto del corpo in un documento HTML Bootstrap 5 completo con tema, lingua e direzione.Docs
ThemeControllerTsgcHTMLThemeControllerSelettore di tema a runtime la cui proprietà Theme (ptDefault, ptDark, ptDarkPro) applica il tema selezionato e il foglio di stile condiviso alla pagina.Docs
ThemeBuilderTsgcHTMLThemeBuilderGeneratore CSS la cui proprietà Mode (tmLight, tmDark, tmSystem) scrive le variabili CSS di Bootstrap a partire dai valori delle proprietà, con uno script opzionale di sincronizzazione con la preferenza del sistema operativo per tmSystem.Docs
HTMXFragmentTsgcHTMX_FragmentFrammento htmx out-of-band per inviare un aggiornamento parziale della pagina dal server al browser.Docs
HTMXRouterTsgcHTMX_RouterTabella di routing di Routes che confronta il percorso di una richiesta in ingresso e la smista (tramite HandleRequest) all'handler OnRoute di quella rotta.Docs
La scelta più conveniente: All-AccessTutti i prodotti eSeGeCe, con Supporto Premium incluso, a partire da €1,059/anno.
Vedi i prezzi All-Access

Crea con sgcHTML

Scarica la versione di prova gratuita e inizia a comporre interfacce web in Delphi, C++ Builder o .NET.

Scarica la Prova Gratuita Vedi i Prezzi