Andre Nacu - Design Technologist
Data Tables with Expandable Rows

Use Case: Display a table where row items can have sub items.

Solution: Create a table with expandable rows. Each row is a tbody where the it can be toggled show/hide.

Technology: HTML, CSS and JQuery

Responsive Data Tables

Use Case: I have data tables with multiple columns. I would like to be able to display it on small devices without horizontally scrolling through the columns.

Solution: Use media queries to display data rows as block elements.

Technology: HTML, CSS and JQuery

Step by Step Wizard

Use Case: Show me step by step instructions used by Customer Care to instruct customers what to do

Solution: Being within the Kendo UI framework, use the TabStrip component and customize it with CSS.

Technology: HTML, CSS, KENDO UI and JQuery

Data Visualization

Use Case: Show me customer's data usage

Solution: Being within the Kendo UI framework, use the bar charts component and modify the component to meet requirements.

Technology: HTML, CSS, KENDO UI and JQuery

Live Search

Use Case: I would like a live search with search criteria by year, make, model or type.

Technology: HTML, CSS and JavaScript

Map UI

Use Case: I want to be able to use the map user interface on all devices.

Solution: Create a responsive UI using media queries and jquery.

Technology: HTML, CSS and JQuery