====== Biblioteka kontrola ======

Potpuni katalog svih 108 WvdS UI Controls.

<note>Sve kontrole prate [[.:control-architektur|Properties/ViewInfo/Control Pattern]] i inspirirane su DevExpressom.</note>

===== Pregled =====

| Kategorija | Broj | Opis |
^ [[.:#basic_controls|Basic]] | 12 | Osnovni UI-elementi |
^ [[.:#editor_controls|Editors]] | 18 | Polja za unos i uređivanje |
^ [[.:#navigation_controls|Navigation]] | 7 | Navigacija i tabovi |
^ [[.:#data_controls|Data]] | 10 | Prikazi podataka i gridovi |
^ [[.:#chart_controls|Charts]] | 16 | Dijagrami i vizualizacije |
^ [[.:#gauge_controls|Gauges]] | 10 | Mjerači i indikatori |
^ [[.:#layout_controls|Layout]] | 10 | Kontejneri i layout-manageri |
^ [[.:#bars_ribbon|Bars/Ribbon]] | 10 | Izbornici, toolbari, Ribbon |
^ [[.:#specialized_controls|Specialized]] | 15 | Specijalizirane komponente |
^ **Ukupno** | **108** | |

===== Basic Controls =====

Osnovni UI-elementi za svaku aplikaciju.

| Control | DX-ekvivalent | Opis | API |
^ TWvdSLabel | TcxLabel | Prikaz teksta | [[.:api-controls-basic#twvdslabel|API]] |
^ TWvdSButton | TcxButton | Gumb | [[.:api-controls-basic#twvdsbutton|API]] |
^ TWvdSTextBox | TcxTextEdit | Jednostavno tekstualno polje | [[.:api-controls-basic#twvdstextbox|API]] |
^ TWvdSCheckBox | TcxCheckBox | Potvrdni okvir | [[.:api-controls-basic#twvdscheckbox|API]] |
^ TWvdSRadioButton | TcxRadioButton | Radio gumb | [[.:api-controls-basic#twvdsradiobutton|API]] |
^ TWvdSImage | TcxImage | Prikaz slike | [[.:api-controls-basic#twvdsimage|API]] |
^ TWvdSProgressBar | TcxProgressBar | Traka napretka | [[.:api-controls-basic#twvdsprogressbar|API]] |
^ TWvdSSlider | TcxTrackBar | Klizač | [[.:api-controls-basic#twvdsslider|API]] |
^ TWvdSToggleButton | TcxToggleSwitch | Prekidač Uklj/Isklj | [[.:api-controls-basic#twvdstogglebutton|API]] |
^ TWvdSHyperlink | TcxHyperLinkEdit | Hiperveza | [[.:api-controls-basic#twvdshyperlink|API]] |
^ TWvdSBorder | TcxGroupBox | Okvir/Border | [[.:api-controls-basic#twvdsborder|API]] |
^ TWvdSSeparator | TcxSplitter | Razdjelna linija | [[.:api-controls-basic#twvdsseparator|API]] |

===== Editor Controls =====

Polja za unos i uređivanje za različite tipove podataka.

| Control | DX-ekvivalent | Opis | API |
^ TWvdSTextEdit | TcxTextEdit | Prošireno tekstualno polje | [[.:api-controls-editors#twvdstextedit|API]] |
^ TWvdSMemoEdit | TcxMemo | Višelinijski tekst | [[.:api-controls-editors#twvdsmemoedit|API]] |
^ TWvdSSpinEdit | TcxSpinEdit | Numerički unos sa spinnerom | [[.:api-controls-editors#twvdsspinedit|API]] |
^ TWvdSDateEdit | TcxDateEdit | Odabir datuma | [[.:api-controls-editors#twvdsdateedit|API]] |
^ TWvdSTimeEdit | TcxTimeEdit | Odabir vremena | [[.:api-controls-editors#twvdstimeedit|API]] |
^ TWvdSDateTimeEdit | TcxDateTimeEdit | Odabir datuma+vremena | [[.:api-controls-editors#twvdsdatetimeedit|API]] |
^ TWvdSCalcEdit | TcxCalcEdit | Kalkulator-editor | [[.:api-controls-editors#twvdscalcedit|API]] |
^ TWvdSColorEdit | TcxColorEdit | Odabir boje | [[.:api-controls-editors#twvdscoloredit|API]] |
^ TWvdSMaskEdit | TcxMaskEdit | Maskirani unos | [[.:api-controls-editors#twvdsmaskedit|API]] |
^ TWvdSRichEdit | TcxRichEdit | Formatirani tekst | [[.:api-controls-editors#twvdsrichedit|API]] |
^ TWvdSTokenEdit | TcxTokenEdit | Token/Tag-unos | [[.:api-controls-editors#twvdstokenedit|API]] |
^ TWvdSComboBoxEdit | TcxComboBox | Dropdown-lista | [[.:api-controls-editors#twvdscomboboxedit|API]] |
^ TWvdSLookupEdit | TcxLookupComboBox | Lookup-Dropdown | [[.:api-controls-editors#twvdslookupedit|API]] |
^ TWvdSCheckedComboBox | TcxCheckedComboBox | Multi-Select Dropdown | [[.:api-controls-editors#twvdscheckedcombobox|API]] |
^ TWvdSMRUEdit | TcxMRUEdit | Most Recently Used | [[.:api-controls-editors#twvdsmruedit|API]] |
^ TWvdSPopupEdit | TcxPopupEdit | Popup-editor | [[.:api-controls-editors#twvdspopupedit|API]] |
^ TWvdSRatingControl | TcxRatingControl | Zvjezdice-ocjena | [[.:api-controls-editors#twvdsratingcontrol|API]] |
^ TWvdSRangeTrackBar | TcxRangeTrackBar | Raspon-klizač | [[.:api-controls-editors#twvdsrangetrackbar|API]] |

===== Navigation Controls =====

Navigacija, tabovi i Wizard-upravljanje.

| Control | DX-ekvivalent | Opis | API |
^ TWvdSTabControl | TcxTabControl | Tab-kontrola | [[.:api-controls-navigation#twvdstabcontrol|API]] |
^ TWvdSAccordion | TdxAccordionControl | Harmonika-panel | [[.:api-controls-navigation#twvdsaccordion|API]] |
^ TWvdSBreadcrumb | TdxBreadcrumbEdit | Breadcrumb-navigacija | [[.:api-controls-navigation#twvdsbreadcrumb|API]] |
^ TWvdSPager | TcxDataNavigator | Navigacija stranica | [[.:api-controls-navigation#twvdspager|API]] |
^ TWvdSWizard | TdxWizardControl | Wizard/Čarobnjak | [[.:api-controls-navigation#twvdswizard|API]] |
^ TWvdSNavBar | TdxNavBar | Navigacijska traka | [[.:api-controls-navigation#twvdsnavbar|API]] |
^ TWvdSTileControl | TdxTileControl | Pločice-navigacija | [[.:api-controls-navigation#twvdstilecontrol|API]] |

===== Data Controls =====

Prikazi podataka za liste, tablice i hijerarhijske podatke.

| Control | DX-ekvivalent | Opis | API |
^ TWvdSDataGrid | TcxGrid | Data-Grid | [[.:api-controls-data#twvdsdatagrid|API]] |
^ TWvdSTreeList | TcxTreeList | Hijerarhijska lista | [[.:api-controls-data#twvdstreelist|API]] |
^ TWvdSCardView | TcxGridCardView | Kartični prikaz | [[.:api-controls-data#twvdscardview|API]] |
^ TWvdSPivotGrid | TcxPivotGrid | Pivot-tablica | [[.:api-controls-data#twvdspivotgrid|API]] |
^ TWvdSVerticalGrid | TcxVerticalGrid | Vertikalni grid | [[.:api-controls-data#twvdsverticalgrid|API]] |
^ TWvdSBandedGridView | TcxGridBandedView | Banded Columns | [[.:api-controls-data#twvdsbandedgridview|API]] |
^ TWvdSLayoutView | TcxGridLayoutView | Layout-prikaz | [[.:api-controls-data#twvdslayoutview|API]] |
^ TWvdSWinExplorerView | TcxGridWinExplorerView | Explorer-prikaz | [[.:api-controls-data#twvdswinexplorerview|API]] |
^ TWvdSTileView | TcxGridTileView | Pločice-prikaz | [[.:api-controls-data#twvdstileview|API]] |
^ TWvdSServerModeSource | TcxServerModeSource | Server-Mode podaci | [[.:api-controls-data#twvdsservermodesource|API]] |

===== Chart Controls =====

Dijagrami i vizualizacije podataka.

| Control | DX-ekvivalent | Opis | API |
^ TWvdSChart | TcxChart | Bazni dijagram | [[.:api-controls-charts#twvdschart|API]] |
^ TWvdSSparkline | TdxSparkline | Sparkline | [[.:api-controls-charts#twvdssparkline|API]] |
^ TWvdSLineSeries | TcxLineSeries | Linijski dijagram | [[.:api-controls-charts#twvdslineseries|API]] |
^ TWvdSAreaSeries | TcxAreaSeries | Površinski dijagram | [[.:api-controls-charts#twvdsareaseries|API]] |
^ TWvdSBarSeries | TcxBarSeries | Stupčasti dijagram | [[.:api-controls-charts#twvdsbarseries|API]] |
^ TWvdSPieSeries | TcxPieSeries | Kružni dijagram | [[.:api-controls-charts#twvdspieseries|API]] |
^ TWvdSFunnelSeries | TcxFunnelSeries | Lijevak-dijagram | [[.:api-controls-charts#twvdsfunnelseries|API]] |
^ TWvdSScatterSeries | TcxScatterSeries | Raspršeni dijagram | [[.:api-controls-charts#twvdsscatterseries|API]] |
^ TWvdSBubbleSeries | TcxBubbleSeries | Mjehurasti dijagram | [[.:api-controls-charts#twvdsbubbleseries|API]] |
^ TWvdSCandlestickSeries | TcxCandlestickSeries | Candlestick (burza) | [[.:api-controls-charts#twvdscandlestickseries|API]] |
^ TWvdSRangeBarSeries | TcxRangeBarSeries | Raspon-stupci | [[.:api-controls-charts#twvdsrangebarseries|API]] |
^ TWvdSStackedBarSeries | TcxStackedBarSeries | Naslagani stupci | [[.:api-controls-charts#twvdsstackedbarseries|API]] |
^ TWvdSRadarSeries | TcxRadarSeries | Radar-dijagram | [[.:api-controls-charts#twvdsradarseries|API]] |
^ TWvdSTreeMapSeries | TcxTreeMapSeries | TreeMap | [[.:api-controls-charts#twvdstreemapseries|API]] |
^ TWvdSSankeyDiagram | TdxSankeyDiagram | Sankey-dijagram | [[.:api-controls-charts#twvdssankeydiagram|API]] |
^ TWvdSWaterfallSeries | TcxWaterfallSeries | Vodopad-dijagram | [[.:api-controls-charts#twvdswaterfallseries|API]] |

===== Gauge Controls =====

Mjerači, indikatori i vizualizacije.

| Control | DX-ekvivalent | Opis | API |
^ TWvdSCircularGauge | TdxCircularGauge | Kružni mjerač | [[.:api-controls-gauges#twvdscirculargauge|API]] |
^ TWvdSLinearGauge | TdxLinearGauge | Linearni mjerač | [[.:api-controls-gauges#twvdslineargauge|API]] |
^ TWvdSDigitalGauge | TdxDigitalGauge | Digitalni prikaz | [[.:api-controls-gauges#twvdsdigitalgauge|API]] |
^ TWvdSStateIndicator | TdxStateIndicator | Status-indikator | [[.:api-controls-gauges#twvdsstateindicator|API]] |
^ TWvdSLED | TdxLED | LED-prikaz | [[.:api-controls-gauges#twvdsled|API]] |
^ TWvdSArcScaleGauge | TdxArcScaleGauge | Lučna skala | [[.:api-controls-gauges#twvdsarcscalegauge|API]] |
^ TWvdSScaleIndicator | TdxScaleIndicator | Skala-indikator | [[.:api-controls-gauges#twvdsscaleindicator|API]] |
^ TWvdSLevelBar | TdxLevelBar | Pokazivač razine | [[.:api-controls-gauges#twvdslevelbar|API]] |
^ TWvdSProgressGauge | TdxProgressGauge | Napredak-mjerač | [[.:api-controls-gauges#twvdsprogressgauge|API]] |
^ TWvdSThermometer | TdxThermometer | Termometar | [[.:api-controls-gauges#twvdsthermometer|API]] |

===== Layout Controls =====

Kontejneri i Layout-Management.

| Control | DX-ekvivalent | Opis | API |
^ TWvdSLayoutControl | TdxLayoutControl | Layout-Manager | [[.:api-controls-layout#twvdslayoutcontrol|API]] |
^ TWvdSDockingManager | TdxDockingManager | Docking-sustav | [[.:api-controls-layout#twvdsdockingmanager|API]] |
^ TWvdSSplitContainer | TcxSplitter | Split-Container | [[.:api-controls-layout#twvdssplitcontainer|API]] |
^ TWvdSGroupControl | TcxGroupBox | Grupni kontejner | [[.:api-controls-layout#twvdsgroupcontrol|API]] |
^ TWvdSXtraScrollBox | TcxScrollBox | Scroll-kontejner | [[.:api-controls-layout#twvdsxtrascrollbox|API]] |
^ TWvdSFlowLayoutPanel | TdxFlowLayoutControl | Flow-Layout | [[.:api-controls-layout#twvdsflowlayoutpanel|API]] |
^ TWvdSTableLayoutPanel | TdxTableLayoutControl | Tablični layout | [[.:api-controls-layout#twvdstablelayoutpanel|API]] |
^ TWvdSPopupContainer | TdxPopupEdit | Popup-kontejner | [[.:api-controls-layout#twvdspopupcontainer|API]] |
^ TWvdSCardControl | TdxCardControl | Card-kontejner | [[.:api-controls-layout#twvdscardcontrol|API]] |
^ TWvdSCollapsibleGroup | TdxLayoutGroup | Sklopiva grupa | [[.:api-controls-layout#twvdscollapsiblegroup|API]] |

===== Bars/Ribbon =====

Izborničke trake, toolbari i Ribbon-sučelja.

| Control | DX-ekvivalent | Opis | API |
^ TWvdSBarManager | TdxBarManager | Izbornik-Manager | [[.:api-controls-bars#twvdsbarmanager|API]] |
^ TWvdSRibbonControl | TdxRibbonControl | Ribbon-Control | [[.:api-controls-bars#twvdsribboncontrol|API]] |
^ TWvdSRibbonPage | TdxRibbonTab | Ribbon-stranica | [[.:api-controls-bars#twvdsribbonpage|API]] |
^ TWvdSRibbonGroup | TdxRibbonGroup | Ribbon-grupa | [[.:api-controls-bars#twvdsribbongroup|API]] |
^ TWvdSBarButton | TdxBarButton | Toolbar-gumb | [[.:api-controls-bars#twvdsbarbutton|API]] |
^ TWvdSBarSubItem | TdxBarSubItem | Podizbornik | [[.:api-controls-bars#twvdsbarsubitem|API]] |
^ TWvdSBarEditItem | TdxBarEditItem | Editor u toolbaru | [[.:api-controls-bars#twvdsbaredititem|API]] |
^ TWvdSStatusBar | TdxStatusBar | Statusna traka | [[.:api-controls-bars#twvdsstatusbar|API]] |
^ TWvdSAlertControl | TdxAlertWindow | Obavijesti | [[.:api-controls-bars#twvdsalertcontrol|API]] |
^ TWvdSPopupMenu | TdxBarPopupMenu | Kontekstni izbornik | [[.:api-controls-bars#twvdspopupmenu|API]] |

===== Specialized Controls =====

Specijalizirane komponente za kompleksne primjene.

| Control | DX-ekvivalent | Opis | API |
^ TWvdSScheduler | TcxScheduler | Kalendar/Planer | [[.:api-controls-specialized#twvdsscheduler|API]] |
^ TWvdSRichEditControl | TdxRichEditControl | Procesor teksta | [[.:api-controls-specialized#twvdsricheditcontrol|API]] |
^ TWvdSSpreadsheetControl | TdxSpreadsheet | Tablični kalkulator | [[.:api-controls-specialized#twvdsspreadsheetcontrol|API]] |
^ TWvdSMapControl | TdxMapControl | Prikaz karte | [[.:api-controls-specialized#twvdsmapcontrol|API]] |
^ TWvdSDiagramControl | TdxDiagramControl | Dijagram-editor | [[.:api-controls-specialized#twvdsdiagramcontrol|API]] |
^ TWvdSPdfViewer | TdxPDFViewer | PDF-prikaz | [[.:api-controls-specialized#twvdspdfviewer|API]] |
^ TWvdSImageGallery | TdxImageGallery | Galerija slika | [[.:api-controls-specialized#twvdsimagegallery|API]] |
^ TWvdSSpellChecker | TdxSpellChecker | Provjera pravopisa | [[.:api-controls-specialized#twvdsspellchecker|API]] |
^ TWvdSFilterControl | TcxFilterControl | Filter-Builder | [[.:api-controls-specialized#twvdsfiltercontrol|API]] |
^ TWvdSExpressionEditor | TcxExpressionEditor | Editor formula | [[.:api-controls-specialized#twvdsexpressioneditor|API]] |
^ TWvdSPropertyGridControl | TcxVerticalGrid | Property-Grid | [[.:api-controls-specialized#twvdspropertygridcontrol|API]] |
^ TWvdSSearchControl | TdxSearchControl | Polje za pretraživanje | [[.:api-controls-specialized#twvdssearchcontrol|API]] |
^ TWvdSRangeControl | TdxRangeControl | Odabir raspona | [[.:api-controls-specialized#twvdsrangecontrol|API]] |
^ TWvdSZoomTrackBar | TdxZoomTrackBar | Zoom-klizač | [[.:api-controls-specialized#twvdszoomtrackbar|API]] |
^ TWvdSMarkupEdit | TdxMarkupEdit | Markup-editor | [[.:api-controls-specialized#twvdsmarkupedit|API]] |

===== Podrška za Target =====

| Target | Opis | Status |
^ TUI | Terminal UI (FPC native) | Potpuno |
^ GUI | Desktop (LCL/WinAPI) | Planirano |
^ Web | Browser (pas2js/PWA) | Planirano |

===== Vidi također =====

  * [[.:control-architektur|Arhitektura kontrola]]
  * [[.:control-vsix-erstellen|Izrada VSIX Extension]]
  * [[.:control-generierung|Generiranje kontrola]]
  * [[..:p:controls|Kontrole za korisnike]]