sgcHTML Matrice delle Funzionalità

Ogni componente della libreria, raggruppato in dieci 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.

Componenti e capacità applicative

8 componenti, 8 capacità

Dati e Tabelle

11 componenti

Moduli e Campi

24 componenti

Contenuti e Layout

10 componenti

Overlay e Feedback

14 componenti

Chat e IA

4 componenti

Autenticazione

7 componenti

Strumentazione e SCADA

16 componenti, binding MQTT

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

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, oppure una scala a 90, 180 o 270 gradi con tacche, fasce colorate e una lancetta.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

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
CameraScannerTsgcHTMLComponent_CameraScannerPannello fotocamera live che scansiona codici a barre e QR code con l'API BarcodeDetector nativa del browser, senza librerie di terze parti.Docs
GeolocationTsgcHTMLComponent_GeolocationLegge la posizione del dispositivo con la Geolocation API del browser, una volta o in modo continuo, e consegna latitudine, longitudine e precisione al server tramite campi nascosti, un POST, un redirect o un messaggio WebSocket.Docs
NumPadTsgcHTMLComponent_NumPadTastierino numerico e valutario touch per l'inserimento al punto vendita, con pulsanti di importo rapido e formattazione indipendente dalla lingua.Docs

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

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
CommandPaletteTsgcHTMLComponent_CommandPaletteLauncher di azioni rapide Ctrl+K / Cmd+K con filtro per sottostringa e poi fuzzy, categorie e azioni instradate al server.Docs
EmptyStateTsgcHTMLComponent_EmptyStateIl pannello che una griglia, un elenco o un risultato di ricerca mostra quando non ha righe, con icona, titolo, descrizione e fino a due pulsanti.Docs

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

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

Strumentazione e SCADA

Indicatori, spie, display, comandi operatore, andamenti in tempo reale e diagrammi di processo che il server mantiene live nel browser. HTML puro e SVG inline, nessuna libreria JavaScript.

ComponenteClasseDescrizioneAiuto
LinearGaugeTsgcHTMLComponent_LinearGaugeIndicatore SVG lineare disegnato come barra, termometro o serbatoio, con una scala a tacche, fasce colorate e una lettura del valore.Docs
LEDTsgcHTMLComponent_LEDSpia indicatore on/off, rotonda o quadrata, con bagliore, lampeggio e didascalia opzionali.Docs
LEDBarTsgcHTMLComponent_LEDBarBarra grafica a LED segmentati, il classico misuratore di livello composto da singole spie.Docs
SegmentDisplayTsgcHTMLComponent_SegmentDisplayTesto mostrato come display LED a 7 o 14 segmenti, con segmenti fantasma e un'inclinazione corsiva opzionale.Docs
OdometerTsgcHTMLComponent_OdometerContatore meccanico le cui ruote numeriche ruotano fino al nuovo valore.Docs
AnalogClockTsgcHTMLComponent_AnalogClockOrologio analogico con lancette delle ore, dei minuti e dei secondi, statico o in movimento nel browser.Docs
CompassTsgcHTMLComponent_CompassBussola o indicatore di rotta con quadrante rotante o lancetta rotante, e un indicatore di destinazione opzionale.Docs
VUMeterTsgcHTMLComponent_VUMeterMisuratore audio VU in decibel, come misuratore a lancetta classico o come barra, con mantenimento del picco opzionale.Docs
KnobTsgcHTMLComponent_KnobManopola rotante azionata con il puntatore, la tastiera o la rotellina del mouse, che invia il valore selezionato.Docs
ToggleSwitchTsgcHTMLComponent_ToggleSwitchInterruttore on/off, come levetta scorrevole o come interruttore basculante industriale, che invia 1 o 0 quando viene azionato.Docs
PushButtonTsgcHTMLComponent_PushButtonPulsante di comando con una spia di stato, come pulsante a clic o momentaneo (premi e tieni premuto per eseguire), con una conferma in pagina opzionale.Docs
NumericStepperTsgcHTMLComponent_NumericStepperCasella numerica con pulsanti di decremento e incremento che si ripetono mentre restano premuti, vincolata al proprio intervallo.Docs
StripChartTsgcHTMLComponent_StripChartRegistratore a nastro multi-penna scorrevole su un canvas, come un registratore grafico, alimentato live con campioni inviati dal server.Docs
OscilloscopeTsgcHTMLComponent_OscilloscopeSchermo oscilloscopio con griglia di divisioni, scala per canale, trigger di fronte e persistenza a fosforo opzionale.Docs
AnnunciatorTsgcHTMLComponent_AnnunciatorPannello annunciatore di allarme: una griglia di riquadri con didascalia che si illuminano in base allo stato e possono essere riconosciuti dall'operatore.Docs
SCADAPanelTsgcHTMLComponent_SCADAPanelDiagramma sinottico di processo (serbatoi, valvole, pompe, motori, ventole, scambiatori di calore, sensori e tubazioni) come SVG, con stato live, animazione del flusso e simboli cliccabili.Docs
Binding MQTTTsgcHTMLInstrumentsMQTTBinderMappa i topic MQTT sugli strumenti senza codice: ogni messaggio su un topic collegato aggiorna lo strumento e trasmette in broadcast il suo frammento live ai browser.Docs
Binder strumentiTsgcHTMLInstrumentsBinderGli stessi binding senza un trasporto: passa i messaggi a ProcessMessage da qualsiasi sorgente (AMQP, Kafka, un client personalizzato).Docs

Anche il Gauge è stato esteso: oltre all'indicatore semicircolare disegna una scala a 90, 180 o 270 gradi con tacche, fasce colorate e una lancetta, e si aggiorna live come ogni altro strumento. Guardali in azione nelle demo online Strumentazione e SCADA / IoT.

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

Componenti applicativi

Si aggiungono ai 110 componenti elencati sopra e non sono inclusi nei conteggi delle famiglie.

ComponenteClasseDescrizioneAiuto
CRUDTsgcHTMLComponent_CRUDL’elenco con ricerca e paginazione, il modulo di creazione e modifica, la conferma di eliminazione e il percorso di scrittura di una tabella, su un dataset o sul tuo SQL tramite un adapter di sei metodi.Docs
NotificationInboxTsgcHTMLComponent_NotificationInboxUna campanella con un badge dei non letti e le notifiche di un utente. La tua applicazione risponde a un evento con le righe che conserva e viene informata di ciò che l’utente ha letto.Docs
NotificationPreferencesTsgcHTMLComponent_NotificationPreferencesUna tabella con una riga per categoria e un checkbox per canale (in app, push, email). La tua applicazione carica e salva i valori.Docs
WebPushTsgcHTMLWebPushWeb Push con VAPID: valida le sottoscrizioni che un browser invia, le passa alla tua applicazione e invia notifiche cifrate a un browser non in esecuzione. Edizioni Enterprise e All-Access.Docs
AuthTsgcHTMLAuthSessioni con cookie, ricordami, token CSRF, limitazione dei login e protezione delle route in base a login e ruolo, sopra un archivio di sessioni in memoria o su file.Docs
MCPAppTsgcHTMLComponent_MCPAppUn tool MCP che risponde con una pagina, così i componenti che già usi vengono renderizzati dentro ChatGPT, Claude e VS Code.Docs
AIAssistantTsgcHTMLAIAssistantTrasforma una domanda in linguaggio naturale in un insieme validato di filtri, ordinamenti, raggruppamenti ed evidenziazioni per una griglia, una tabella dati, un pivot o un modulo. Un parser integrato risponde quando non è configurato alcun provider.Docs
InlineAIPromptTsgcHTMLComponent_InlineAIPromptUn popover accanto a un memo, a un editor ricco o a una colonna di griglia che interroga l’assistente e comunica la risposta solo quando l’utente la accetta.Docs

Capacità dell'engine

Ciò che hanno guadagnato l’engine, il template di pagina e il designer. Ogni opzione è disattivata per impostazione predefinita, quindi una pagina che non ne usa nessuna non ne risente.

CapacitàCosa aggiungeAiuto
RoutingPercorsi template con segmenti {name}, un filtro Methods per ogni route, RequireLogin e RequireRoles, e un dispatch neutrale rispetto al trasporto, così una route viene eseguita allo stesso modo su HTTP, su WebSocket o in un test.Docs
Navigazione e aggiornamenti in tempo realeOtto opzioni del template di pagina che trasformano un sito renderizzato dal server in una single page application senza JavaScript tuo: link e moduli potenziati, cronologia, morph swap, view transition, una barra di caricamento, ripristino dello scorrimento, blocco dell’invio e un toast di errore. Tutte sono disattivate per impostazione predefinita.Docs
WebSocket o SSEAggiornamenti in tempo reale tramite Server-Sent Events invece di un WebSocket, oppure una scelta automatica che ripiega sul flusso di eventi quando il WebSocket non riesce ad aprirsi. Il markup, le route e i frammenti restano gli stessi.Docs
AI Data PackInterroga in linguaggio naturale una griglia, una tabella dati, un pivot o un modulo e applica solo ciò che un validatore ha lasciato passare. Il modello riceve nomi di colonna, tipi e tre valori di esempio, e le righe solo quando attivi AllowRowDataToProvider. Un provider richiede le unit AI dell’edizione Enterprise o All-Access oppure il pack sgcAI, e un parser integrato risponde anche senza.Docs
Generatore di pagine AINel designer, descrivi una pagina o forniscigli uno screenshot, e lui costruisce la pagina con i tuoi componenti registrati tramite uno schema che non può nominare nient’altro. Nulla viene applicato finché non lo accetti. Il provider richiede le stesse unit AI.Docs
ASP.NET Core Razor (.NET)Tag Helper nello stile di Telerik e DevExpress, <sgc-grid>, <sgc-form>, <sgc-autocomplete>, <sgc-dialog> e <sgc-chart>, con equivalenti fluent sotto Html.Sgc(). La griglia pagina, ordina, filtra, cerca ed esporta su un IQueryable con this.SgcGrid(request, query), i campi si collegano con asp-for, e i grafici in tempo reale vengono inviati con hub.BroadcastChartAsync tramite il WebSocket di sgcHTML, senza SignalR. Nel pacchetto NuGet esegece.sgcHTML.AspNetCore, edizione Community inclusa.Panoramica
Layout da destra a sinistraArabo, ebraico, persiano, urdu e le altre lingue da destra a sinistra vengono renderizzati con dir="rtl" e il foglio di stile RTL di Bootstrap, e i componenti si specchiano: barra laterale e icon rail del sito, stepper, timeline, chat, presenza, tree view, slider, splitter, ridimensionamento delle colonne e colonne bloccate della griglia, notifiche, avatar e la lavagna kanban. Grafici, indicatori, strumenti e l'asse temporale del Gantt mantengono la loro geometria. La direzione segue automaticamente la lingua, Dir e HtmlDir la sostituiscono, e le pagine da sinistra a destra non ne risentono.Docs
TestingId degli elementi deterministici, un piccolo DOM con selettori CSS, asserzioni HTML, file snapshot e test delle richieste senza un server, senza bisogno di alcun framework di test.Docs

L'elenco delle funzionalità, in esecuzione live

Ogni funzionalità elencata in questa pagina è messa alla prova da una di queste applicazioni.

Generatore di tabelle pivot ad hoc: un'applicazione web Delphi realizzata con sgcHTML, mostrata in esecuzione in un browser.

Generatore di tabelle pivot ad hoc

Gli utenti scelgono dimensioni e misure; la tabella incrociata viene ricostruita da una TFDQuery.

Apri la demo live →
CRUD live con htmx: un'applicazione web Delphi realizzata con sgcHTML, mostrata in esecuzione in un browser.

CRUD live con htmx

Ricerca mentre digiti e modifica inline, sostituite come frammenti senza ricaricare la pagina.

Apri la demo live →
Responsive per impostazione predefinita: un'applicazione web Delphi realizzata con sgcHTML, mostrata in esecuzione in un browser.

Responsive per impostazione predefinita

Gli stessi componenti generano un layout per scanner palmare alla larghezza di uno smartphone.

Apri la demo live →

Demo online: AI Data Pack, Assistente negozio, MCP Apps, Strumentazione, SCADA / IoT e Da destra a sinistra (RTL).

Vedi tutte le demo live →

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.