DevExtreme-dxDemos

A collection of online demos showing variously scenario using DevExtreme widgets.

DevExtreme Demos - Angular approach.

• Base angular template with dxDrawer and dxToolbar widgets
• dxScheduler - Wrong positioning of appointment context menu when changed dynamically
• dxDrawer - place a nested drawer inside the content panel of another drawer

DevExtreme Demos - JQuery approach.

• DataGrid - Export To PDF

• Checkbox, RadioGroup - accessibility(LightHouse)

• TabPanel Tabs v.2
• TabPanel Tabs v.3
• TabPanel Tabs v.4
• TabPanel Tabs v.5

• TabPanel Tabs v.6

• TabPanel Tabs Extra Borders in Rich Editors
• Test Example
• Test Example_2

• Utility for cleaning string object from Double Quotes

• dxTooltip example with 2-way bindings
• dxDrawer + dxToolbar with different settings
• dxDrawer + dxToolbar with different overlays
• dxDataGrid - record-grouping
• dxList in searchMode
• dxList - Item Drag&Drop
• dxAutocomplete
• dxList, dxTreeView, dxSelectBox, dxLookup, dxAccordion for JAWS screen reader testing
• dxForm - NVDA screen reader testing for labels
• dxLookup - simple and grouped
• dxTreeView - manually expand hierarchical item
• dxScrollable - native strategy, overflow, simulated strategy + rtl
• dxScrollable - native rtl

• dxScrollable - native rtl on resize

• dxScrollView - update the scrollbar position on scrolling its content using Tab (Native and simulated strategy)
• dxScrollView - inertia and bounce improvements
• dxForm - calls the screenByWidth function several times
• dxTextEditors - custom buttons (password textbox, multi-currency numberBox, advanced databox)
• dxFileUploader - show label text in IE and Edge
• dxContextMenu - testing keyboard navigation on submenu items
• dxMenu - testing keyboard navigation on contextMenu items
• dxMenu - hide items when using adaptivityEnabled
• dxTreeList - close column chouser when ‘escape’ key was pressed (registerKeyHandler)
• dxToolbar - specified option type for button in contextMenu
• dxContextMenu - positioning
• dxDataGrid - map zooming with local data
• dxDataGrid - map zooming with remote data
• dxDataGrid - rowTemplate with context menu
• dxDataGrid - default export with jQuery v.2
• dxPivotGrid - default export with jQuery v.2
• dxPivotGrid - default export with jQuery v.3
• dxPivotGrid - exceljs export sample

• dxPivotGrid - ExcelJS export sample with Totals

• dxForm - label alignment issue in 19.1(good)
• dxForm - label alignment issue in 19.1(bad)

DevExtreme Export DataGrid Demos using ExcelJS library

• DataGrid.ExcelJS CTP export - How to export only selected rows from DataGrid in Excel using the exportDataGrid function
• DataGrid.ExcelJS CTP export - How to export images from datagrid cells

DevExtreme Demos - Knockout approach.

• dxToolbar - show, hide toolbar buttons example
• dxTabPanel - the tabPanel is nested inside another tabpanel with using varios approches with templates