sgcHTML Componentengalerij — Bekijk alle 93 UI-componenten | eSeGeCe

sgcHTML Componentengalerij

Bekijk alle 93 sgcHTML UI-componenten op één plek, gegroepeerd in negen families. Elk component rendert naar Bootstrap 5-markup en werkt op dezelfde manier in Delphi, C++ Builder en .NET, met dezelfde Tsgc*-klassenaam in elk. 28 van de 93 componenten zijn data-aware en binden rechtstreeks aan een TDataSet / DataSource (of een gelijkwaardige .NET-bron); die dragen een Data-aware badge. Klik op een kaart voor de componentpagina, of open de documentatie.

Open de live interactieve galerij

Elk component hieronder wordt geleverd als een uitvoerbaar voorbeeld. Het project 08.Components in de demoset 60.HTML rendert deze hele catalogus als een live, doorklikbare galerij die je in de browser kunt bedienen. Het is inbegrepen bij de gratis proefversie, zodat je de hele galerij lokaal tegen je eigen data kunt draaien.

Download de gratis proefversie Open de feature-matrix

De proefversie bevat de 60.HTML demoprojecten (waaronder 08.Components). Een gehoste, altijd beschikbare versie van de interactieve galerij is een aparte deploy.

Negen families

93 UI-componenten, negen families

Spring direct naar een familie, of scroll hieronder door de hele catalogus.

14 componenten

Data & tabellen

11 componenten

Grafieken & visualisatie

10 componenten

Formulieren & invoer

23 componenten

Content & lay-out

10 componenten

Overlays & feedback

14 componenten

Chat & AI

4 componenten

Authenticatie

7 componenten

Infrastructuur

7 klassen

Data & tabellen

Data & tabellen

Grids, kalenders en boards die je datasets rechtstreeks renderen.

Grid

Data-aware
  • Delphi / C++TsgcHTMLComponent_Grid
  • .NETTsgcHTMLComponent_Grid

Functierijke tabel: sorteren, filteren, CSV/PDF-export, inline bewerken, groeperen, virtueel scrollen en AI-query.

Componentpagina · Docs

DataTable

Data-aware
  • Delphi / C++TsgcHTMLComponent_DataTable
  • .NETTsgcHTMLComponent_DataTable

Datatabel op hoger niveau die Grid + Pagination omhult met een werkbalk, zoeken en rijtelling.

Componentpagina · Docs

Calendar

Data-aware
  • Delphi / C++TsgcHTMLComponent_Calendar
  • .NETTsgcHTMLComponent_Calendar

Maandrasterkalender met gebeurtenisstippen en vorige/volgende navigatie.

Componentpagina · Docs

Scheduler

Data-aware
  • Delphi / C++TsgcHTMLComponent_Scheduler
  • .NETTsgcHTMLComponent_Scheduler

Kalenderplanner (maand- / weekweergaven) die gebeurtenissen per datum rendert.

Componentpagina · Docs

Timeline

Data-aware
  • Delphi / C++TsgcHTMLComponent_Timeline
  • .NETTsgcHTMLComponent_Timeline

Verticale tijdlijn van gedateerde gebeurtenissen, te laden vanuit een dataset.

Componentpagina · Docs

KanbanBoard

Data-aware
  • Delphi / C++TsgcHTMLComponent_KanbanBoard
  • .NETTsgcHTMLComponent_KanbanBoard

Kanban-board met kolommen en versleepbare kaarten.

Componentpagina · Docs

Gantt

Data-aware
  • Delphi / C++TsgcHTMLComponent_Gantt
  • .NETTsgcHTMLComponent_Gantt

Gantt projecttijdlijngrafiek met voortgangsbalken voor taken.

Componentpagina · Docs

TreeGrid

Data-aware
  • Delphi / C++TsgcHTMLComponent_TreeGrid
  • .NETTsgcHTMLComponent_TreeGrid

Bootstrap-tabel met inklapbare, hiërarchische rijen opgebouwd uit Id/ParentId-knooppuntparen.

Componentpagina · Docs

PivotTable

Data-aware
  • Delphi / C++TsgcHTMLComponent_PivotTable
  • .NETTsgcHTMLComponent_PivotTable

Bootstrap-draaitabel die rijen en kolommen groepeert en metingen aggregeert met rij-, kolom- en eindtotalen.

Componentpagina · Docs

ActivityFeed

  • Delphi / C++TsgcHTMLComponent_ActivityFeed
  • .NETTsgcHTMLComponent_ActivityFeed

Live activiteitenfeed, nieuwste eerst, met relatieve tijdstempels en out-of-band WebSocket-push.

Componentpagina · Docs

AuditTrail

Data-aware
  • Delphi / C++TsgcHTMLComponent_AuditTrail
  • .NETTsgcHTMLComponent_AuditTrail

Chronologische audit-logfeed van gebruikers- en systeemacties met actor, actie, doelwit en tijdstempel.

See in feature matrix · Docs
Grafieken & visualisatie

Grafieken & visualisatie

Datagedreven beelden gebouwd op je eigen cijfers.

Chart

Data-aware
  • Delphi / C++TsgcHTMLComponent_Chart
  • .NETTsgcHTMLComponent_Chart

Chart.js-grafiek: lijn, staaf, taart, ring, radar, polair, bubbel en scatter.

Componentpagina · Docs

Gauge

  • Delphi / C++TsgcHTMLComponent_Gauge
  • .NETTsgcHTMLComponent_Gauge

Halfronde SVG-meter met kleurdrempels voor laag / midden / hoog.

Componentpagina · Docs

Diagram

  • Delphi / C++TsgcHTMLComponent_Diagram
  • .NETTsgcHTMLComponent_Diagram

Stroomdiagram met knooppunten en pijlen, gerenderd als inline SVG.

Componentpagina · Docs

Map

  • Delphi / C++TsgcHTMLComponent_Map
  • .NETTsgcHTMLComponent_Map

Leaflet.js interactieve kaart (OpenStreetMap / CartoDB-tegels) met markers.

Componentpagina · Docs

Heatmap

Data-aware
  • Delphi / C++TsgcHTMLComponent_Heatmap
  • .NETTsgcHTMLComponent_Heatmap

Kleurgeschaald SVG-heatmapraster op basis van celwaarden of een gebonden dataset, met legenda en rij-/kolomlabels.

Componentpagina · Docs

Sparkline

Data-aware
  • Delphi / C++TsgcHTMLComponent_Sparkline
  • .NETTsgcHTMLComponent_Sparkline

Compacte inline SVG-lijn-, staaf- of vlaksparkline op basis van een waardenreeks of een gebonden dataset.

Componentpagina · Docs

CandlestickChart

Data-aware
  • Delphi / C++TsgcHTMLComponent_CandlestickChart
  • .NETTsgcHTMLComponent_CandlestickChart

SVG OHLC-candlestickgrafiek met lonten, op/neer-kleuren en een optionele volumestrook.

Componentpagina · Docs

QRCode

  • Delphi / C++TsgcHTMLComponent_QRCode
  • .NETTsgcHTMLComponent_QRCode

Pure-Pascal ISO/IEC 18004 SVG QR-code van elke tekst of URL, met instelbaar foutcorrectieniveau.

Componentpagina · Docs

Barcode

  • Delphi / C++TsgcHTMLComponent_Barcode
  • .NETTsgcHTMLComponent_Barcode

Pure-Pascal Code 128 SVG-barcode van elke ASCII-tekst, met optioneel leesbaar onderschrift.

Componentpagina · Docs

TreeMap

Data-aware
  • Delphi / C++TsgcHTMLComponent_TreeMap
  • .NETTsgcHTMLComponent_TreeMap

Squarified treemap gerenderd als een zelfstandige, server-gegenereerde inline SVG, zonder dat een grafiekbibliotheek nodig is.

Componentpagina · Docs
Formulieren & invoer

Formulieren & invoer

Alles wat je nodig hebt om data vast te leggen, met validatie en datasetbinding.

Form

Data-aware
  • Delphi / C++TsgcHTMLComponent_Form
  • .NETTsgcHTMLComponent_Form

Datagedreven formulierbouwer met validatie, layouts en AI-formuliergeneratie.

Componentpagina · Docs

Edit

Data-aware
  • Delphi / C++TsgcHTMLComponent_Edit
  • .NETTsgcHTMLComponent_Edit

Eenregelige tekstinvoer met label, helptekst en datasetbinding.

Componentpagina · Docs

Memo

Data-aware
  • Delphi / C++TsgcHTMLComponent_Memo
  • .NETTsgcHTMLComponent_Memo

Meerregelige tekstvakinvoer met label en helptekst.

Componentpagina · Docs

CheckBox

Data-aware
  • Delphi / C++TsgcHTMLComponent_CheckBox
  • .NETTsgcHTMLComponent_CheckBox

Selectievakje-invoer met label en aangevinkte status.

Componentpagina · Docs

RadioGroup

  • Delphi / C++TsgcHTMLComponent_RadioGroup
  • .NETTsgcHTMLComponent_RadioGroup

Groep van elkaar uitsluitende keuzerondjes.

Componentpagina · Docs

Select

Data-aware
  • Delphi / C++TsgcHTMLComponent_Select
  • .NETTsgcHTMLComponent_Select

Select-dropdown met optiegroepen, meervoudige selectie en datasetbinding.

Componentpagina · Docs

InputGroup

  • Delphi / C++TsgcHTMLComponent_InputGroup
  • .NETTsgcHTMLComponent_InputGroup

Invoer met voor- / achtervoegsel-addontekst.

Componentpagina · Docs

AutoComplete

Data-aware
  • Delphi / C++TsgcHTMLComponent_AutoComplete
  • .NETTsgcHTMLComponent_AutoComplete

Tekstinvoer ondersteund door een HTML5-datalist met suggesties.

Componentpagina · Docs

DatePicker

  • Delphi / C++TsgcHTMLComponent_DatePicker
  • .NETTsgcHTMLComponent_DatePicker

Native date- / time- / datetime-invoerveld.

Componentpagina · Docs

FileUpload

  • Delphi / C++TsgcHTMLComponent_FileUpload
  • .NETTsgcHTMLComponent_FileUpload

Sleep-en-neerzet bestandsuploadzone met multipart formulier-post.

Componentpagina · Docs

RichEditor

  • Delphi / C++TsgcHTMLComponent_RichEditor
  • .NETTsgcHTMLComponent_RichEditor

Op Quill gebaseerde WYSIWYG rich-text-editor met verborgen formulierveld.

Componentpagina · Docs

Rating

  • Delphi / C++TsgcHTMLComponent_Rating
  • .NETTsgcHTMLComponent_Rating

Ster- (symbool-) beoordelingsweergave of -invoer.

Componentpagina · Docs

MultiSelect

Data-aware
  • Delphi / C++TsgcHTMLComponent_MultiSelect
  • .NETTsgcHTMLComponent_MultiSelect

Een doorzoekbare Bootstrap multi-select-dropdown met chips, gegroepeerde opties en datasetbinding.

Componentpagina · Docs

ColorPicker

  • Delphi / C++TsgcHTMLComponent_ColorPicker
  • .NETTsgcHTMLComponent_ColorPicker

Een native HTML5-kleurinvoer met een optioneel hex-tekstveld en voorinstellingen voor kleurstalen.

Componentpagina · Docs

Slider

  • Delphi / C++TsgcHTMLComponent_Slider
  • .NETTsgcHTMLComponent_Slider

Een Bootstrap-schuifregelaar met een live waardebadge, min/max-labels en kleurstyling.

Componentpagina · Docs

TimePicker

  • Delphi / C++TsgcHTMLComponent_TimePicker
  • .NETTsgcHTMLComponent_TimePicker

Een native HTML5-tijdinvoer met min/max-grenzen en granulariteit tot op de seconde.

Componentpagina · Docs

SignaturePad

  • Delphi / C++TsgcHTMLComponent_SignaturePad
  • .NETTsgcHTMLComponent_SignaturePad

Een canvas-handtekeningveld op basis van pointer-events met acties Wissen, Ongedaan maken en Opslaan.

Componentpagina · Docs

Transfer

Data-aware
  • Delphi / C++TsgcHTMLComponent_Transfer
  • .NETTsgcHTMLComponent_Transfer

Dubbele-lijstwidget om items te verplaatsen tussen een beschikbaar en een toegewezen paneel, met filtering en datasetbinding.

Componentpagina · Docs

DateTimePicker

  • Delphi / C++TsgcHTMLComponent_DateTimePicker
  • .NETTsgcHTMLComponent_DateTimePicker

Native HTML5 datum-en-tijdkiezer die kalender en klok in één veld combineert.

See in feature matrix · Docs

DateRangePicker

  • Delphi / C++TsgcHTMLComponent_DateRangePicker
  • .NETTsgcHTMLComponent_DateRangePicker

Gekoppelde begin- en einddatuminvoer voor het kiezen van een datumbereik, met min/max-grenzen.

See in feature matrix · Docs

RangeSlider

  • Delphi / C++TsgcHTMLComponent_RangeSlider
  • .NETTsgcHTMLComponent_RangeSlider

Schuifregelaar met twee grepen die een laag/hoog-waardepaar selecteert, met live waardebadges.

See in feature matrix · Docs

CameraScanner

  • Delphi / C++TsgcHTMLComponent_CameraScanner
  • .NETTsgcHTMLComponent_CameraScanner

Live camerapaneel dat barcodes en QR-codes scant met de native BarcodeDetector van de browser, zonder externe library.

Componentpagina · Docs

NumPad

  • Delphi / C++TsgcHTMLComponent_NumPad
  • .NETTsgcHTMLComponent_NumPad

Numeriek en valuta-toetsenblok voor kassa-invoer, met snelbedragknoppen en locale-onafhankelijke notatie.

Componentpagina · Docs
Content & lay-out

Content & lay-out

Kaarten, media en KPI-tegels om een pagina in te delen.

Panel

  • Delphi / C++TsgcHTMLComponent_Panel
  • .NETTsgcHTMLComponent_Panel

Bootstrap-kaartpaneel met kop / body / voettekst, inklapbaar en scrollbaar.

Componentpagina · Docs

StatCard

  • Delphi / C++TsgcHTMLComponent_StatCard
  • .NETTsgcHTMLComponent_StatCard

Dashboard KPI- / statkaart met icoon, trendpijl en optioneel verloop.

Componentpagina · Docs

Accordion

  • Delphi / C++TsgcHTMLComponent_Accordion
  • .NETTsgcHTMLComponent_Accordion

Verticaal inklappende accordeon van gestapelde uitklapbare panelen.

Componentpagina · Docs
  • Delphi / C++TsgcHTMLComponent_Carousel
  • .NETTsgcHTMLComponent_Carousel

Diavoorstelling / carrousel met indicatoren, bediening en autoplay.

Componentpagina · Docs

Image

  • Delphi / C++TsgcHTMLComponent_Image
  • .NETTsgcHTMLComponent_Image

Afbeelding met vorm, responsief / lazy-load, lightbox-link en bijschrift.

Componentpagina · Docs

Avatar

  • Delphi / C++TsgcHTMLComponent_Avatar
  • .NETTsgcHTMLComponent_Avatar

Gebruikersavatar (afbeelding of initialen) met grootte, vorm en aanwezigheidsstatusstip.

Componentpagina · Docs

Video

  • Delphi / C++TsgcHTMLComponent_Video
  • .NETTsgcHTMLComponent_Video

HTML5 video- / audiospeler plus een YouTube-insluithelper.

Componentpagina · Docs

Badge

  • Delphi / C++TsgcHTMLComponent_Badge
  • .NETTsgcHTMLComponent_Badge

Enkele Bootstrap-badge met kleur, pilvorm, een inline icoon en een positioneerbare meldingsstip-modus.

Componentpagina · Docs

PDFViewer

  • Delphi / C++TsgcHTMLComponent_PDFViewer
  • .NETTsgcHTMLComponent_PDFViewer

PDF-viewer op de pagina zelf, aangedreven door pdf.js, met paginanavigatie, zoomen, zoeken, downloaden en afdrukken.

Componentpagina · Docs

Chip

  • Delphi / C++TsgcHTMLComponent_Chip
  • .NETTsgcHTMLComponent_Chip

Compacte chip / tag met een optioneel icoon, kleur en een verwijderbare sluitknop.

See in feature matrix · Docs
Overlays & feedback

Overlays & feedback

Dialoogvensters, statusvlakken en laadtoestanden.

  • Delphi / C++TsgcHTMLComponent_Modal
  • .NETTsgcHTMLComponent_Modal

Modaal dialoogvenster met titel / body / voettekst, formaten, gecentreerd en statische achtergrond.

Componentpagina · Docs

Offcanvas

  • Delphi / C++TsgcHTMLComponent_Offcanvas
  • .NETTsgcHTMLComponent_Offcanvas

Off-canvas inschuifpaneel vanaf links, rechts, boven of onder.

Componentpagina · Docs

Popover

  • Delphi / C++TsgcHTMLComponent_Popover
  • .NETTsgcHTMLComponent_Popover

Popover-bel op een triggerelement (klik / hover / focus).

Componentpagina · Docs

Toast

  • Delphi / C++TsgcHTMLComponent_Toast
  • .NETTsgcHTMLComponent_Toast

Toast-melding met kop, body, tijdstempel en automatisch verbergen.

Componentpagina · Docs

Snackbar

  • Delphi / C++TsgcHTMLComponent_Snackbar
  • .NETTsgcHTMLComponent_Snackbar

Material-stijl tijdelijke snackbar met een optionele actie.

Componentpagina · Docs

Notification

  • Delphi / C++TsgcHTMLComponent_Notification
  • .NETTsgcHTMLComponent_Notification

Bel-icoon dropdown-meldingscentrum met een badge voor ongelezen items.

Componentpagina · Docs

Spinner

  • Delphi / C++TsgcHTMLComponent_Spinner
  • .NETTsgcHTMLComponent_Spinner

Laadspinner (border / grow), met grootte en kleur.

Componentpagina · Docs

Placeholder

  • Delphi / C++TsgcHTMLComponent_Placeholder
  • .NETTsgcHTMLComponent_Placeholder

Skelet- / placeholder-laadkaart met een geanimeerde glinstering.

Componentpagina · Docs

ContextMenu

  • Delphi / C++TsgcHTMLComponent_ContextMenu
  • .NETTsgcHTMLComponent_ContextMenu

Rechtsklik-dropdownmenu gekoppeld aan een CSS-selector, met iconen, scheidingslijnen, koppen en server-gerouteerde acties.

Componentpagina · Docs

JobProgress

  • Delphi / C++TsgcHTMLComponent_JobProgress
  • .NETTsgcHTMLComponent_JobProgress

Live lijst van voortgangsbalken voor achtergrondtaken met statusbadges, annuleerknoppen en out-of-band fragmentupdates.

Componentpagina · Docs

LogViewer

  • Delphi / C++TsgcHTMLComponent_LogViewer
  • .NETTsgcHTMLComponent_LogViewer

Streamende log-/terminalviewer met niveaufilter, zoeken en automatisch scrollen.

Componentpagina · Docs

ProgressBar

  • Delphi / C++TsgcHTMLComponent_ProgressBar
  • .NETTsgcHTMLComponent_ProgressBar

Bootstrap-voortgangsbalk, gestreept en geanimeerd, enkel of gestapeld multisegment.

Componentpagina · Docs

CommandPalette

  • Delphi / C++TsgcHTMLComponent_CommandPalette
  • .NETTsgcHTMLComponent_CommandPalette

Ctrl+K / Cmd+K snelactielauncher met eerst-substring-dan-fuzzy filtering, categorieën en server-gerouteerde acties.

Componentpagina · Docs

EmptyState

  • Delphi / C++TsgcHTMLComponent_EmptyState
  • .NETTsgcHTMLComponent_EmptyState

Het paneel dat een grid, een lijst of een zoekresultaat toont wanneer er geen rijen zijn, met icoon, titel, beschrijving en tot twee knoppen.

Componentpagina · Docs
Chat & AI

Chat & AI

Conversationele UI, van eenvoudige bubbels tot een streamende AI-assistent.

ChatBox

  • Delphi / C++TsgcHTMLComponent_ChatBox
  • .NETTsgcHTMLComponent_ChatBox

Kaartstijl chatbubbelvak met een invoerbalk en typindicator.

Componentpagina · Docs

Chat

  • Delphi / C++TsgcHTMLComponent_Chat
  • .NETTsgcHTMLComponent_Chat

WhatsApp-stijl chat met tekst- / afbeelding- / bestand- / audio- / videoberichten, leesbevestigingen en antwoorden.

Componentpagina · Docs

AIChat

  • Delphi / C++TsgcHTMLComponent_AIChat
  • .NETTsgcHTMLComponent_AIChat

AI-assistentchat met provider- / modelkiezer, token-streaming en RAG-bronvermeldingen.

Componentpagina · Docs

Presence

  • Delphi / C++TsgcHTMLComponent_Presence
  • .NETTsgcHTMLComponent_Presence

"Wie is online"-lijst als avatarstapel of lijst, met live statusupdates.

Componentpagina · Docs
Authenticatie

Authenticatie

Kant-en-klare aanmeldstromen, van wachtwoorden tot passkeys.

Login

  • Delphi / C++TsgcHTMLComponent_Login
  • .NETTsgcHTMLComponent_Login

Kant-en-klaar loginformulier / -pagina (kaart, gecentreerd of volledige pagina) met onthoud-mij en waarschuwingen.

Componentpagina · Docs

SocialLogin

  • Delphi / C++TsgcHTMLComponent_SocialLogin
  • .NETTsgcHTMLComponent_SocialLogin

OAuth social-login knoppenpaneel (Google, Facebook, Apple, GitHub, Microsoft en meer).

Componentpagina · Docs

OAuthCallback

  • Delphi / C++TsgcHTMLComponent_OAuthCallback
  • .NETTsgcHTMLComponent_OAuthCallback

OAuth callback- / landingspagina in succes-, fout- of laadtoestand met automatische doorverwijzing.

Componentpagina · Docs

WebAuthnLogin

  • Delphi / C++TsgcHTMLComponent_WebAuthnLogin
  • .NETTsgcHTMLComponent_WebAuthnLogin

Wachtwoordloze passkey- / WebAuthn-login- en registratiewidget.

Componentpagina · Docs

RolesPermissions

Data-aware
  • Delphi / C++TsgcHTMLComponent_RolesPermissions
  • .NETTsgcHTMLComponent_RolesPermissions

Rol-/rechtenmatrix met een selectievakje per cel en live WebSocket-updates voor rechten.

Componentpagina · Docs

UserManagement

Data-aware
  • Delphi / C++TsgcHTMLComponent_UserManagement
  • .NETTsgcHTMLComponent_UserManagement

Gebruikersbeheertabel met rollen, status, zoeken en een acties-dropdown per rij.

Componentpagina · Docs

ImpersonateBanner

  • Delphi / C++TsgcHTMLComponent_ImpersonateBanner
  • .NETTsgcHTMLComponent_ImpersonateBanner

Beheerdersimpersonatiebanner die wordt getoond terwijl je als een andere gebruiker handelt, met uitgang in één klik.

See in feature matrix · Docs
Infrastructuur

Engine, server & theming

De niet-visuele onderdelen die de pagina's serveren en live houden.

EngineServer

  • Delphi / C++TsgcHTMLEngine_Server
  • .NETTsgcHTMLEngine_Server

HTML-engine gekoppeld aan een TsgcWebSocketHTTPServer die gerenderde pagina's en ingesloten assets serveert.

Componentpagina · Docs

HTMXEngine

  • Delphi / C++TsgcHTMX_Engine_Server
  • .NETTsgcHTMX_Engine_Server

htmx-engine gekoppeld aan dezelfde server. Het haakt in op de HTTP- en WebSocket-handlers, dispatcht binnenkomende verzoeken en berichten en pusht of broadcast HTML-fragmenten in realtime naar verbonden browsers (DispatchRequest, DispatchMessage, PushFragment, BroadcastFragment).

Componentpagina · Docs

PageBuilder

  • Delphi / C++TsgcHTMLPageBuilder
  • .NETTsgcHTMLPageBuilder

Voegt geregistreerde componenten samen tot een complete responsieve pagina, met een visuele editor tijdens design-time.

Componentpagina · Docs

ThemeController

  • Delphi / C++TsgcHTMLThemeController
  • .NETTsgcHTMLThemeController

Runtime thema-wisselaar waarvan de eigenschap Theme (ptDefault, ptDark, ptDarkPro) het geselecteerde thema en de gedeelde stylesheet op de pagina toepast.

Componentpagina · Docs

ThemeBuilder

  • Delphi / C++TsgcHTMLThemeBuilder
  • .NETTsgcHTMLThemeBuilder

CSS-generator waarvan Mode (tmLight, tmDark, tmSystem) Bootstrap CSS-variabelen schrijft op basis van eigenschapswaarden, met een optioneel OS-voorkeur-synchronisatiescript voor tmSystem.

Componentpagina · Docs

HTMXFragment

  • Delphi / C++TsgcHTMX_Fragment
  • .NETTsgcHTMX_Fragment

Out-of-band htmx-fragment voor het pushen van een gedeeltelijke pagina-update van de server naar de browser.

Componentpagina · Docs

HTMXRouter

  • Delphi / C++TsgcHTMX_Router
  • .NETTsgcHTMX_Router

Routeringstabel van Routes die een binnenkomend verzoekpad matcht en het (via HandleRequest) doorstuurt naar de OnRoute-handler van die route.

Componentpagina · Docs
ZIE HET DRAAIEN

Elk component, werkend in een echte applicatie

De componenten op deze pagina zijn geen mockups. Elk ervan draait op dit moment in deze Delphi-applicaties.

Grafieken, gauges en treemaps: een met sgcHTML gebouwde Delphi-webapplicatie, draaiend in een browser.

Grafieken, gauges en treemaps

Chart.js-reeksen, een SVG-gauge, een sparkline en een treemap, allemaal uitgestuurd vanuit Pascal.

Open de live demo →

Bekijk alle negen live demo's →

De beste deal: All-AccessElk eSeGeCe-product, inclusief Premium-ondersteuning, vanaf €1,059 per jaar.
Bekijk de All-Access-prijzen

Bouw met sgcHTML

Download de gratis proefversie en begin met het samenstellen van web-UI's in Delphi, C++ Builder of .NET.

Download gratis proefversie Bekijk prijzen