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