<style>

/* START Introduction page all controls table styles */

article table#allcontrols-table {

border: none;

word-break: break-word;

font-size: 15px;

}

article table#allcontrols-table tr {

vertical-align: top;

background-color: transparent;

}

article table#allcontrols-table tr li:first-child {

padding-left: 0;

}

article table#allcontrols-table li {

background: none;

border: none;

}

article table#allcontrols-table ul {

list-style-type: none;

padding-left: 0px;

}

article table#allcontrols-table ul li {

padding: 5px 5px;

}

article table#allcontrols-table .control-category {

color: #27A306;

text-transform: uppercase;

font-weight: bold;

margin-top: 15px;

margin-bottom: 5px;

padding: 3px 5px;

}

article table#allcontrols-table ul:not(.docs-tabstrip) li:before {

background-color: transparent !important;

}

/* END Introduction page all controls table styles */

</style>

<table id="allcontrols-table">

<tbody>

<tr>

<td>

<ul>

<li class="control-category">Data Source</li>

<li>

<a href="/{{ site.platform }}/html-helpers/datasource/overview">DataSource</a>

</li>

<li class="control-category">Template</li>

<li>

<a href="/{{ site.platform }}/html-helpers/template/overview">Template</a>

</li>

<li class="control-category">Data Management</li>

<li>

<a href="/{{ site.platform }}/html-helpers/data-management/filemanager/overview">FileManager</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/data-management/filter/overview">Filter</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/data-management/grid/overview">Grid</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/data-management/spreadsheet/overview">Spreadsheet</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/data-management/listview/overview">ListView</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/data-management/pivotgrid/overview">PivotGrid</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/data-management/pivotgridv2/overview">PivotGridV2</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/data-management/propertygrid/overview">PropertyGrid</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/data-management/taskboard/overview">TaskBoard</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/data-management/treelist/overview">TreeList</a>

</li>

<li class="control-category">Conversational UI</li>

<li>

<a href="/{{ site.platform }}/html-helpers/conversational-ui/aiprompt/overview">AIPrompt</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/conversational-ui/chat/overview">Chat</a>

</li>

<li class="control-category">Media</li>

<li>

<a href="/{{ site.platform }}/html-helpers/media/mediaplayer/overview">MediaPLayer</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/media/scrollview/overview">ScrollView</a>

</li>

<li class="control-category">PDF</li>

<li>

<a href="/{{ site.platform }}/html-helpers/pdf/pdfviewer/overview">PDFViewer</a>

</li>

<li class="control-category">Hybrid UI</li>

<li>

<a href="/{{ site.platform }}/html-helpers/hybrid/mobileapplication">Hybrid UI</a>

</li>

</td>

<td>

<ul>

<li class="control-category">Editors</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/autocomplete/overview">AutoComplete</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/colorgradient/overview">ColorGradient</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/colorpalette/overview">ColorPalette</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/colorpicker/overview">ColorPicker</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/combobox/overview">ComboBox</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/captcha/overview">Captcha</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/checkbox/overview">CheckBox</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/checkboxgroup/overview">CheckBoxGroup</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/dateinput/overview">DateInput</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/datepicker/overview">DatePicker</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/daterangepicker/overview">DateRangePicker</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/datetimepicker/overview">DateTimePicker</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/dropdownlist/overview">DropDownList</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/dropdowntree/overview">DropDownTree</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/editor/overview">Editor</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/layout/expansionpanel/overview">ExpansionPanel</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/flatcolorpicker/overview">FlatColorPicker</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/imageeditor/overview">ImageEditor</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/listbox/overview">ListBox</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/maskedtextbox/overview">MaskedTextBox</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/multicolumncombobox/overview">MultiColumnComboBox</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/multiselect/overview">MultiSelect</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/numerictextbox/overview">NumericTextBox</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/navigation/radiobutton/overview">RadioButton</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/radiogroup/overview">RadioGroup</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/rating/overview">Rating</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/signature/overview">Signature</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/slider/overview">Slider</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/switch/overview">Switch</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/textarea/overview">TextArea</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/textbox/overview">TextBox</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/timepicker/overview">TimePicker</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/timedurationpicker/overview">TimeDurationPicker</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/editors/upload/overview">Upload</a>

</li>

<li>

<a href="https://demos.telerik.com/{{ site.platform }}/validator">Validator Demos</a>

</li>

</ul>

</td>

<td>

<ul>

<li class="control-category">Document Processing</li>

<li>

<a href="https://docs.telerik.com/devtools/document-processing/libraries/radpdfprocessing/overview">PdfProcessing</a>

</li>

<li>

<a href="https://docs.telerik.com/devtools/document-processing/libraries/radspreadprocessing/overview">SpreadProcessing</a>

</li>

<li>

<a href="https://docs.telerik.com/devtools/document-processing/libraries/radspreadstreamprocessing/overview">SpreadStreamProcessing</a>

</li>

<li>

<a href="https://docs.telerik.com/devtools/document-processing/libraries/radwordsprocessing/overview">WordsProcessing</a>

</li>

<li>

<a href="https://docs.telerik.com/devtools/document-processing/libraries/radziplibrary/overview">ZipLibrary</a>

</li>

</ul>

</td>

<td>

<ul>

<li class="control-category">Scheduling</li>

<li>

<a href="/{{ site.platform }}/html-helpers/scheduling/calendar/overview">Calendar</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/scheduling/multiviewcalendar/overview">MultiViewCalendar</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/scheduling/gantt/overview">Gantt</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/scheduling/scheduler/overview">Scheduler</a>

</li>

<li class="control-category">Charts</li>

<li>

<a href="/{{ site.platform }}/html-helpers/charts/overview">Chart</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/charts/stockchart/overview">StockChart</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/charts/treemap/overview">TreeMap</a>

</li>

<li class="control-category">Gauges</li>

<li>

<a href="/{{ site.platform }}/html-helpers/gauges/arcgauge/overview">ArcGauge</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/gauges/circulargauge/overview">CircularGauge</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/gauges/lineargauge/overview">LinearGauge</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/gauges/radialgauge/overview">RadialGauge</a>

</li>

<li class="control-category">Barcodes</li>

<li>

<a href="/{{ site.platform }}/html-helpers/barcodes/barcode/overview">Barcode</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/barcodes/qrcode/overview">QRCode</a>

</li>

<li class="control-category">Diagrams and Maps</li>

<li>

<a href="/{{ site.platform }}/html-helpers/diagrams-and-maps/diagram/overview">Diagram</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/diagrams-and-maps/map/overview">Map</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/diagrams-and-maps/orgchart/overview">OrgChart</a>

</li>

</ul>

</td>

<td>

<ul>

<li class="control-category">Layout</li>

<li>

<a href="/{{ site.platform }}/html-helpers/layout/badge/overview">Badge</a>

</li>

<li>

<a href="/{{ site.platform }}/styles-and-layout/cards">Cards</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/layout/dialog/overview">Dialog</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/layout/form/overview">Form</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/layout/gridlayout/overview">GridLayout</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/layout/notification/overview">Notification</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/layout/popover/overview">PopOver</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/layout/splitter/overview">Splitter</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/layout/stacklayout/overview">StackLayout</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/layout/tilelayout/overview">TileLayout</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/layout/tooltip/overview">Tooltip</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/layout/window/overview">Window</a>

</li>

<li class="control-category">Navigation</li>

<li>

<a href="/{{ site.platform }}/html-helpers/navigation/actionsheet/overview">ActionSheet</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/navigation/bottomnavigation/overview">BottomNavigation</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/navigation/breadcrumb/overview">Breadcrumb</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/navigation/button/overview">Button</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/navigation/buttongroup/overview">ButtonGroup</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/navigation/drawer/overview">Drawer</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/navigation/dropdownbutton/overview">DropDownButton</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/navigation/floatingactionbutton/overview">FloatingActionButton</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/navigation/splitbutton/overview">SplitButton</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/navigation/menu/overview">Menu</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/navigation/panelbar/overview">PanelBar</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/navigation/stepper/overview">Stepper</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/navigation/tabstrip/overview">TabStrip</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/navigation/timeline/overview">Timeline</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/navigation/toolbar/overview">ToolBar</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/navigation/treeview/overview">TreeView</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/navigation/wizard/overview">Wizard</a>

</li>

<li class="control-category">Interactivity and UX</li>

<li>

<a href="/{{ site.platform }}/html-helpers/interactivity/loader/overview">Loader</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/interactivity/progressbar/overview">ProgressBar</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/interactivity/circularprogressbar/overview">Circular ProgressBar</a>

</li>

<li>

<a href="/{{ site.platform }}/html-helpers/interactivity/sortable/overview">Sortable</a>

</li>

</ul>

</td>

</tr>

</tbody>

</table>