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. 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.

13 componenti

Dati e Tabelle

7 componenti

Grafici e Visualizzazione

4 componenti

Moduli e Campi

12 componenti

Contenuti e Layout

7 componenti

Overlay e Feedback

8 componenti

Chat e IA

3 componenti

Autenticazione

4 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
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
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
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
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
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
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
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

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