Tüm 89 sgcHTML arayüz bileşenine tek bir yerde, dokuz aileye gruplanmış olarak göz atın. Her bileşen Bootstrap 5 işaretlemesine dönüşür ve Delphi, C++ Builder ve .NET'te aynı şekilde, her birinde aynı Tsgc* sınıf adıyla çalışır. 89 bileşenin 27'si veriye duyarlıdır ve doğrudan bir TDataSet / DataSource'a (ya da eşdeğer bir .NET kaynağına) bağlanır; bunlar bir Veriye duyarlı rozeti taşır. Bir bileşenin sayfası için herhangi bir karta tıklayın ya da belgeleri açın.
Aşağıdaki her bileşen, çalıştırılabilir bir örnek olarak gelir. 60.HTML demo setindeki 08.Components projesi, bu katalogun tamamını tarayıcıda çalıştırabileceğiniz canlı, tıklanabilir bir galeri olarak işler. Ücretsiz deneme sürümüne dahildir, böylece galerinin tamamını kendi verilerinize karşı yerel olarak çalıştırabilirsiniz.
Deneme sürümü, 60.HTML demo projelerini (08.Components dahil) içerir. Etkileşimli galerinin barındırılan, sürekli çalışan bir sürümü ayrı bir dağıtımdır.
Doğrudan bir aileye atlayın ya da aşağıdaki katalogun tamamını kaydırın.
14 bileşen
11 bileşen
10 bileşen
21 bileşen
10 bileşen
12 bileşen
4 bileşen
7 bileşen
7 sınıf
Veri kümelerinizi doğrudan işleyen ızgaralar, takvimler ve panolar.
TsgcHTMLComponent_GridTsgcHTMLComponent_GridZengin özellikli tablo: sıralama, filtreleme, CSV/PDF dışa aktarma, satır içi düzenleme, gruplama, sanal kaydırma ve yapay zeka sorgusu.
TsgcHTMLComponent_DataTableTsgcHTMLComponent_DataTableBir araç çubuğu, arama ve satır sayısıyla Grid + Pagination'ı saran üst düzey veri tablosu.
TsgcHTMLComponent_CalendarTsgcHTMLComponent_CalendarEtkinlik noktaları ve önceki/sonraki gezinme içeren aylık ızgara takvimi.
TsgcHTMLComponent_SchedulerTsgcHTMLComponent_SchedulerEtkinlikleri tarihe göre işleyen takvim zamanlayıcısı (ay / hafta görünümleri).
TsgcHTMLComponent_TimelineTsgcHTMLComponent_TimelineBir veri kümesinden yüklenebilen, tarihli etkinliklerin dikey zaman çizelgesi.
TsgcHTMLComponent_KanbanBoardTsgcHTMLComponent_KanbanBoardSütunlar ve sürüklenebilir kartlardan oluşan Kanban panosu.
TsgcHTMLComponent_GanttTsgcHTMLComponent_GanttGörev ilerleme çubukları içeren Gantt proje zaman çizelgesi grafiği.
TsgcHTMLComponent_TreeGridTsgcHTMLComponent_TreeGridId/ParentId düğüm çiftlerinden oluşturulan, daraltılabilir hiyerarşik satırlara sahip Bootstrap tablosu.
TsgcHTMLComponent_PivotTableTsgcHTMLComponent_PivotTableSatırları ve sütunları gruplandıran, satır, sütun ve genel toplamlarla ölçüleri toplayan Bootstrap pivot tablosu.
TsgcHTMLComponent_ActivityFeedTsgcHTMLComponent_ActivityFeedGöreli zaman damgaları ve bant dışı WebSocket push'u içeren, en yeniden eskiye canlı etkinlik akışı.
TsgcHTMLComponent_AuditTrailTsgcHTMLComponent_AuditTrailAktör, eylem, hedef ve zaman damgasıyla kullanıcı ve sistem eylemlerinin kronolojik denetim günlüğü akışı.
Kendi sayılarınızdan oluşturulan veri güdümlü görseller.
TsgcHTMLComponent_ChartTsgcHTMLComponent_ChartChart.js grafiği: çizgi, çubuk, pasta, halka, radar, polar, baloncuk ve dağılım.
TsgcHTMLComponent_GaugeTsgcHTMLComponent_GaugeDüşük / orta / yüksek renk eşikleri olan yarım daire SVG göstergesi.
TsgcHTMLComponent_DiagramTsgcHTMLComponent_DiagramSatır içi SVG olarak işlenen düğüm ve ok akış şeması.
TsgcHTMLComponent_MapTsgcHTMLComponent_Mapİşaretçilerle Leaflet.js etkileşimli harita (OpenStreetMap / CartoDB döşemeleri).
TsgcHTMLComponent_HeatmapTsgcHTMLComponent_HeatmapHücre değerlerinden ya da bağlı bir veri kümesinden oluşan, gösterge ve satır/sütun etiketleri içeren renk ölçekli SVG ısı haritası ızgarası.
TsgcHTMLComponent_SparklineTsgcHTMLComponent_SparklineBir değer serisinden ya da bağlı bir veri kümesinden oluşan, kompakt satır içi SVG çizgi, çubuk ya da alan mini grafiği.
TsgcHTMLComponent_CandlestickChartTsgcHTMLComponent_CandlestickChartFitiller, yükseliş/düşüş renkleri ve isteğe bağlı bir hacim şeridi içeren SVG OHLC mum grafiği.
TsgcHTMLComponent_QRCodeTsgcHTMLComponent_QRCodeHerhangi bir metin ya da URL'den, seçilebilir hata düzeltme düzeyiyle saf Pascal ISO/IEC 18004 SVG QR kodu.
TsgcHTMLComponent_BarcodeTsgcHTMLComponent_BarcodeHerhangi bir ASCII metinden, isteğe bağlı okunabilir bir başlıkla saf Pascal Code 128 SVG barkodu.
TsgcHTMLComponent_TreeMapTsgcHTMLComponent_TreeMapKendi kendine yeten, sunucu tarafında üretilmiş satır içi SVG olarak işlenen, herhangi bir grafik kitaplığı gerektirmeyen kare biçimli ağaç haritası (treemap).
Doğrulama ve veri kümesi bağlama ile veri yakalamak için ihtiyacınız olan her şey.
TsgcHTMLComponent_FormTsgcHTMLComponent_FormDoğrulama, düzenler ve yapay zeka form oluşturma içeren veri güdümlü form oluşturucu.
TsgcHTMLComponent_EditTsgcHTMLComponent_EditEtiket, yardım metni ve veri kümesi bağlama içeren tek satırlık metin girdisi.
TsgcHTMLComponent_MemoTsgcHTMLComponent_MemoEtiket ve yardım metni içeren çok satırlı metin alanı girdisi.
TsgcHTMLComponent_CheckBoxTsgcHTMLComponent_CheckBoxEtiket ve işaretli durum içeren onay kutusu girdisi.
TsgcHTMLComponent_RadioGroupTsgcHTMLComponent_RadioGroupBirbirini dışlayan radyo seçeneklerinden oluşan grup.
TsgcHTMLComponent_SelectTsgcHTMLComponent_SelectSeçenek grupları, çoklu seçim ve veri kümesi bağlama içeren açılır seçim.
TsgcHTMLComponent_InputGroupTsgcHTMLComponent_InputGroupBaşına / sonuna eklenti metni eklenen girdi.
TsgcHTMLComponent_AutoCompleteTsgcHTMLComponent_AutoCompleteHTML5 öneri datalist'i ile desteklenen metin girdisi.
TsgcHTMLComponent_DatePickerTsgcHTMLComponent_DatePickerYerel tarih / saat / tarih-saat girdi alanı.
TsgcHTMLComponent_FileUploadTsgcHTMLComponent_FileUploadÇok parçalı form gönderimiyle sürükle bırak dosya yükleme alanı.
TsgcHTMLComponent_RichEditorTsgcHTMLComponent_RichEditorGizli form alanı içeren Quill tabanlı WYSIWYG zengin metin düzenleyicisi.
TsgcHTMLComponent_RatingTsgcHTMLComponent_RatingYıldız (simge) puanlama görüntüsü ya da girdisi.
TsgcHTMLComponent_MultiSelectTsgcHTMLComponent_MultiSelectAranabilir, çip'ler, gruplandırılmış seçenekler ve veri kümesi bağlama içeren Bootstrap çoklu seçim açılır menüsü.
TsgcHTMLComponent_ColorPickerTsgcHTMLComponent_ColorPickerİsteğe bağlı bir hex metin alanı ve renk örneği ön ayarları içeren yerel HTML5 renk girdisi.
TsgcHTMLComponent_SliderTsgcHTMLComponent_SliderCanlı değer rozeti, min/maks etiketleri ve renk stili içeren Bootstrap aralık kaydırıcısı.
TsgcHTMLComponent_TimePickerTsgcHTMLComponent_TimePickerMin/maks sınırları ve saniye düzeyinde ayrıntı içeren yerel HTML5 saat girdisi.
TsgcHTMLComponent_SignaturePadTsgcHTMLComponent_SignaturePadTemizle, Geri Al ve Kaydet eylemleri içeren, işaretçi olaylarıyla çalışan tuval imza pedi.
TsgcHTMLComponent_TransferTsgcHTMLComponent_TransferÖğeleri kullanılabilir ve atanmış panel arasında taşımak için filtreleme ve veri kümesi bağlama içeren çift liste kutusu bileşeni.
TsgcHTMLComponent_DateTimePickerTsgcHTMLComponent_DateTimePickerTakvim ve saati tek bir alanda birleştiren yerel HTML5 tarih-ve-saat seçici.
TsgcHTMLComponent_DateRangePickerTsgcHTMLComponent_DateRangePickerMin/maks sınırlarıyla bir tarih aralığı seçmek için eşleştirilmiş başlangıç ve bitiş tarihi girdileri.
TsgcHTMLComponent_RangeSliderTsgcHTMLComponent_RangeSliderCanlı değer rozetleriyle bir düşük/yüksek değer çifti seçen çift tutamaçlı kaydırıcı.
Bir sayfa oluşturmak için kartlar, medya ve KPI kutucukları.
TsgcHTMLComponent_PanelTsgcHTMLComponent_PanelÜstbilgi / gövde / altbilgi içeren, daraltılabilir ve kaydırılabilir Bootstrap kart paneli.
TsgcHTMLComponent_StatCardTsgcHTMLComponent_StatCardSimge, eğilim oku ve isteğe bağlı geçişli renk içeren pano KPI / istatistik kartı.
TsgcHTMLComponent_AccordionTsgcHTMLComponent_AccordionÜst üste yığılmış genişletilebilir panellerden oluşan, dikey olarak daralan akordeon.
TsgcHTMLComponent_CarouselTsgcHTMLComponent_CarouselGöstergeler, denetimler ve otomatik oynatma içeren görüntü slayt gösterisi / karuseli.
TsgcHTMLComponent_ImageTsgcHTMLComponent_ImageŞekil, duyarlı / geç yükleme, ışık kutusu bağlantısı ve başlık içeren görüntü.
TsgcHTMLComponent_AvatarTsgcHTMLComponent_AvatarBoyut, şekil ve varlık durumu noktası içeren kullanıcı avatarı (görüntü ya da baş harfler).
TsgcHTMLComponent_VideoTsgcHTMLComponent_VideoHTML5 video / ses oynatıcısı ile bir YouTube gömme yardımcısı.
TsgcHTMLComponent_BadgeTsgcHTMLComponent_BadgeRenk, hap şekli, satır içi simge ve konumlandırılmış bildirim noktası modu içeren tekil Bootstrap rozeti.
TsgcHTMLComponent_PDFViewerTsgcHTMLComponent_PDFViewerpdf.js tabanlı, sayfa gezinme, yakınlaştırma, arama, indirme ve yazdırma içeren sayfa içi PDF görüntüleyici.
TsgcHTMLComponent_ChipTsgcHTMLComponent_Chipİsteğe bağlı bir simge, renk ve kaldırılabilir bir kapatma düğmesi içeren kompakt çip / etiket.
İletişim kutuları, durum yüzeyleri ve yükleme durumları.
TsgcHTMLComponent_ModalTsgcHTMLComponent_ModalBaşlık / gövde / altbilgi, boyutlar, ortalanmış ve sabit arka plan içeren kalıcı iletişim kutusu.
TsgcHTMLComponent_OffcanvasTsgcHTMLComponent_OffcanvasSoldan, sağdan, üstten ya da alttan kayan tuval dışı panel.
TsgcHTMLComponent_PopoverTsgcHTMLComponent_PopoverBir tetikleyici öğe üzerinde açılan balon (tıklama / üzerine gelme / odak).
TsgcHTMLComponent_ToastTsgcHTMLComponent_ToastÜstbilgi, gövde, zaman damgası ve otomatik gizleme içeren toast bildirimi.
TsgcHTMLComponent_SnackbarTsgcHTMLComponent_Snackbarİsteğe bağlı bir eylem içeren Material tarzı geçici snackbar.
TsgcHTMLComponent_NotificationTsgcHTMLComponent_NotificationOkunmamış rozeti olan zil simgeli açılır bildirim merkezi.
TsgcHTMLComponent_SpinnerTsgcHTMLComponent_SpinnerBoyutlandırılmış ve renklendirilmiş yükleme döndürücüsü (kenarlık / büyüme).
TsgcHTMLComponent_PlaceholderTsgcHTMLComponent_PlaceholderAnimasyonlu bir parıltı içeren iskelet / yer tutucu yükleme kartı.
TsgcHTMLComponent_ContextMenuTsgcHTMLComponent_ContextMenuBir CSS seçiciyle kapsamlanan, simgeler, ayraçlar, başlıklar ve sunucuya yönlendirilen eylemler içeren sağ tık açılır menüsü.
TsgcHTMLComponent_JobProgressTsgcHTMLComponent_JobProgressDurum rozetleri, iptal düğmeleri ve bant dışı parça güncellemeleri içeren, arka plan iş ilerleme çubuklarının canlı listesi.
TsgcHTMLComponent_LogViewerTsgcHTMLComponent_LogViewerDüzey filtresi, arama ve otomatik kaydırma içeren akışlı günlük / terminal görüntüleyici.
TsgcHTMLComponent_ProgressBarTsgcHTMLComponent_ProgressBarÇizgili ve animasyonlu, tekli ya da yığılmış çok segmentli Bootstrap ilerleme çubuğu.
Basit balonlardan akışlı bir yapay zeka asistanına kadar sohbet arayüzü.
TsgcHTMLComponent_ChatBoxTsgcHTMLComponent_ChatBoxBir girdi çubuğu ve yazma göstergesi içeren kart tarzı sohbet balonu kutusu.
TsgcHTMLComponent_ChatTsgcHTMLComponent_ChatMetin / görüntü / dosya / ses / video iletileri, okundu bilgileri ve yanıtlar içeren WhatsApp tarzı sohbet.
TsgcHTMLComponent_AIChatTsgcHTMLComponent_AIChatSağlayıcı / model seçici, belirteç akışı ve RAG kaynak alıntıları içeren yapay zeka asistanı sohbeti.
TsgcHTMLComponent_PresenceTsgcHTMLComponent_PresenceCanlı durum güncellemeleriyle, avatar yığını ya da liste olarak "Kimler çevrimiçi" listesi.
Parolalardan geçiş anahtarlarına kadar hazır oturum açma akışları.
TsgcHTMLComponent_LoginTsgcHTMLComponent_LoginBeni hatırla ve uyarılar içeren hazır oturum açma formu / sayfası (kart, ortalanmış ya da tam sayfa).
TsgcHTMLComponent_SocialLoginTsgcHTMLComponent_SocialLoginOAuth sosyal oturum açma düğmesi paneli (Google, Facebook, Apple, GitHub, Microsoft ve daha fazlası).
TsgcHTMLComponent_OAuthCallbackTsgcHTMLComponent_OAuthCallbackOtomatik yönlendirmeyle başarı, hata ya da yükleme durumunda OAuth geri çağırma / açılış sayfası.
TsgcHTMLComponent_WebAuthnLoginTsgcHTMLComponent_WebAuthnLoginParolasız geçiş anahtarı / WebAuthn oturum açma ve kayıt bileşeni.
TsgcHTMLComponent_RolesPermissionsTsgcHTMLComponent_RolesPermissionsHer hücrede bir onay kutusu ve canlı WebSocket izin güncellemeleri içeren rol / izin matrisi.
TsgcHTMLComponent_UserManagementTsgcHTMLComponent_UserManagementRoller, durum, arama ve satır başına eylemler açılır menüsü içeren kullanıcı yönetim tablosu.
TsgcHTMLComponent_ImpersonateBannerTsgcHTMLComponent_ImpersonateBannerBaşka bir kullanıcı olarak hareket ederken gösterilen, tek tıkla çıkış içeren yönetici kimliğine bürünme afişi.
Sayfaları sunan ve onları canlı tutan görsel olmayan bölümler.
TsgcHTMLEngine_ServerTsgcHTMLEngine_Serverİşlenmiş sayfaları ve gömülü kaynakları sunan, bir TsgcWebSocketHTTPServer'a bağlı HTML motoru.
TsgcHTMX_Engine_ServerTsgcHTMX_Engine_ServerAynı sunucuya bağlı htmx motoru; HTTP ve WebSocket işleyicilerine bağlanır, gelen istekleri ve iletileri dağıtır ve bağlı tarayıcılara gerçek zamanlı olarak HTML parçaları gönderir ya da yayınlar.
TsgcHTMLPageBuilderTsgcHTMLPageBuilderKayıtlı bileşenleri eksiksiz, duyarlı bir sayfaya birleştirir (tasarım zamanı görsel düzenleyiciyle).
TsgcHTMLThemeControllerTsgcHTMLThemeControllerTheme özelliği (ptDefault, ptDark, ptDarkPro) seçilen temayı ve paylaşılan stil sayfasını sayfaya uygulayan çalışma zamanı tema değiştirici.
TsgcHTMLThemeBuilderTsgcHTMLThemeBuilderMode özelliği (tmLight, tmDark, tmSystem) özellik değerlerinden Bootstrap CSS değişkenleri yazan CSS oluşturucu; tmSystem için isteğe bağlı bir işletim sistemi tercihi eşitleme betiğiyle birlikte.
TsgcHTMX_FragmentTsgcHTMX_FragmentSunucudan tarayıcıya kısmi sayfa güncellemesi göndermek için bant dışı htmx parçası.
TsgcHTMX_RouterTsgcHTMX_RouterGelen bir istek yolunu eşleştiren ve onu (HandleRequest aracılığıyla) o rotanın OnRoute işleyicisine yönlendiren Routes yönlendirme tablosu.