jQWidgets ver 6.0.3

A patch release just came out with the following minor bug fixes:

What’s Fixed:

– Fixed an issue in jqxGrid regarding row-details z-index.
– Fixed an issue in Angular components about duplicate val methods.
– Fixed an issue in jqxGrid typescript definitions regarding the new Grid properties.
– Fixed an issue in jqxGrid about border-colors of Grid cell editors in the Light theme.
– Fixed an issue in jqxGrid filter menu rendering.
– Fixed an issue in jqxGrid deferred scrolling popup in Firefox.
– Fixed an issue in jqxForm typescript definitions.
– Fixed an issue in jqxForm Angular component.
– Fixed an issue in jqxValidator labels positioning in Inputs with Material theme.
– Fixed an issue in jqxTextArea args.type property being undefined.
– Fixed an issue in jqxInput regarding the Material theme in IE11.

ANGULAR, Angular 2, angular 4, angular 5, Angular 6, ANGULAR GRID, Angular5

Leave a comment

jQWidgets ver6.0.0

Major release just came out. It features Material Design themes, New widget, New features for multiple widgets and quality updates.

What’s New:

– jqxForm widget.
– jqxGrid Multi-Column Sorting.
– jqxGrid Adaptive Layout Rendering.
– jqxGrid Column and Row Lines Visibility customization.
– Material, Material Green and Material Purple themes.
– jqxChart Multi-Series Tooltips.

What’s Improved:

– Light and Dark themes.

What’s Fixed:

– Fixed an issue in jqxGrid column rendering, when Sort is applied. Column text was not completely rendered due to the sort icon or text ellipsis was not shown even when it should be.
– Fixed an issue in jqxGrid column rendering, when Filter is applied. Column text was not completely rendered due to the filter icon or text ellipsis was not shown even when it should be.
– Fixed an issue in jqxGrid ensurerowvisible method when user navigates with keyboard and grouping is enabled.
– Fixed an issue in jqxGrid with Home/End keyboard selection, when pageable is enabled.
– Fixed an issue in jqxGrid with PageUp/PageDown keyboard selection and page navigation, when pageable is enabled.
– Fixed an issue in jqxGrid when a filter is applied by hitting “Enter” key and the displayed rows are 0. The grid throws an error. – Fixed an issue in jqxGrid filter panel regarding incorrect margin and padding of the filter widgets. – Fixed an issue in jqxGrid regarding the filter row cell widths after filter is applied and column width is set in percentages.
– Fixed an issue in jqxDropDownButton regarding the popup z-index.
– Fixed an issue in jqxCalendar regarding the cell size, when the calendar is placed inside TD tag.
– Fixed an issue in jqxWindow regarding the tab key navigation inside the window.
– Fixed an issue in jqxTreeGrid Angular component.
– Fixed an issue in Inputs regarding the percentage width handling.
– Fixed an issue in jqxPasswordInput regarding the horizontal resizing.
– Fixed an issue in jqxDataTable regarding the Advanced filtering rendering.
– Fixed an issue in jqxDataAdapter issue regarding beforeLoadComplete when used along with loadServerData.
– Fixed an issue in jqxListBox regarding the rendering of items and their width and offset calculations with and without checkboxes.

Breaking changes:

jqxTreeGrid, jqxDataTable, jqxGrid – increased default row height, column height and pager height. These properties are configurable with the API.




ANGULAR, Angular 2, angular 4, angular 5, Angular 6, ANGULAR GRID, angular tree, Angular5, angular7, angular8, AngularJS, ASP.NET Core Tag Helpers, Chart, custom elements, Grid, html elements, JavaScript, JavaScript Plugins, JavaScript UI, JavaScript UI Plugins, JavaScript UI Widgets, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxButton, jqxCalendar, jqxChart, jqxCheckBox, jqxComboBox, jqxDateTimeInput, jqxDock, jqxDropDownList, jqxExpander, jqxGrid, jqxInput, jqxListBox, jqxMaskedInput, jqxMenu, jqxNavigationBar, jqxNumberInput, jqxProgressBar, jqxRadioButton, jqxRating, jqxResponse, jqxRibbon, jqxScrollBar, jqxSlider, jqxSplitter, jqxTabs, jqxTooltip, jqxTree, jqxTreeMap, jqxValidator, jqxWindow, PHP, Pivot Grid, React, react grid, React Javascript Library, REACTJS, typescript
, , , , , , , , , , , , , , , , , , , , ,

Leave a comment

Material Theme

With the upcoming jQWidgets release, we will introduce two Material themes – Material and Material Purple.

Material Grid


Material Tabs


Material Window


Material DateTimePicker


Material ListBox


Material DropDownList


Material Slider


Uncategorized
, , , , , , , ,

Leave a comment

Angular Waterfall Chart

In this blog we will show you the features of our Angular Waterfall Chart.

The Angular Waterfall chart is used to show the cumulative effect of a measured variable. It is a two dimensional chart where usually time is set on the x axis and the measured data is set on the y axis. In the example below you can see how to use the waterfall chart to display the growth of the population in the EU.

Angular Waterfall chart features



You can set the color of the measured variable. Different colors can be set for positive and negative cumulative effects. You can also put a different color for the total.

Angular Waterfall Chart

The Waterfall series also supports labels. This makes possible to see the measured value in a rectangular field when you put the mouse over it.

The shape of the objects representing the measured data can be changed.

The chart also supports animation. This makes possible to visualize the current measured variable in a different shade when the mouse is over it.

The labels can be put horizontally or vertically on the axes.

You can see an example here.
ANGULAR, Angular 2, angular 4, angular 5, Angular 6
, , , , , , , , , ,

Leave a comment

React Grid Printing

In this blog we will discuss the printing functionality of our React Grid.

The capability to print the data of the Grid is very important in all professional React JS Grid components. It makes possible the printing of the content of the Grid by using the HTML of the Grid and triggering the printing functionality of the browser. Although printing is not very frequently used it is very important when the users need to print data coming from reports or summaries.

React Grid printing functionality



By pressing the print button on the example below you will invoke the printing functionality of the browser. The content of the grid will be printed in a table.

React Grid Printing

One useful feature is the support of alternating rows.

In addition you can sort, filter and group the data before printing it.

You can see an example here.
React, react grid, React Javascript Library, REACTJS
, , , ,

Leave a comment

Angular Time Picker

In this blog we will introduce our TimePicker component for Angular.

The Angular TimePicker enables you to pick the time with the help of a time input component. The component can be used in all cases when the user needs to pick or input the time. You can select the time by clicking the clock button and choosing the hours, minutes and seconds with the clock counters, or by entering it manually in the time input field. There is also an AM/PM indicator.

Angular TimePicker features



The TimePicker can be localized in different languages and time formats. The different localizations are contained in text files with the corresponding language codes. They can be set to the TimePicker by the culture property.

Angular TimePicker

Different built-in template options for displaying the clock button can be selected.

The horizontal alignment of the clock can be set to left or right. The vertical alignment can be top and bottom.

By enabling animation you can have a fading effect when the calendar appears or disappears.

You can see the example here.
ANGULAR, Angular 2, angular 4, angular 5, Angular 6, Angular5
, , , , , , , , ,

Leave a comment

Angular Unit Testing

We prepared a new tutorial about how to run Unit Tests with Angular CLI along with the Angular Components by jQWidgets..

It is available on: Angular Unit Testing
ANGULAR, Angular 2, angular 4, angular 5, Angular 6, ANGULAR GRID, Angular5, AngularJS
, , , , , , , , , , ,

Leave a comment

ReactJS Accordion component

In this blog we are going to introduce our React Accordion component.

The Accordion is a list of expandable items. It contains a header section which resembles a Tab and a content section which includes the list of items. The main difference between the Accordion and the Navigation Bar is that the Accordion can have only one expanded item at a time.

React Accordion functionality



The Accordion is actually the default state of our React Navigation Bar component.

React Accordion

It can be read only or disabled by setting the disabled property to true.

The accordion supports toggle mode. This is useful when you want to put accent on the currently selected tab of the accordion.

You can customize the text and background colors.

Keyboard navigation, right to left order and fluid design are also supported.

You can see an example here.
React, react grid, React Javascript Library, REACTJS
, ,

Leave a comment

Dynamic Components with Angular and jQWidgets

The next video tutorial is about using the Angular Dynamic Components functionality along with jQWidgets.

Dynamic Components with Angular and jQWidgets

We hope you will find it useful.
ANGULAR, Angular 2, angular 4, angular 5, Angular 6, ANGULAR GRID
, , , , ,

Leave a comment

Delphi Wrappers for jQWidgets

If you are a Delphi developer and you like jQWidgets, take a look at: https://www.tmssoftware.com/site/tmswebcoreintro.asp. Great framework and with Delphi wrappers for jQWidgets.
Uncategorized
, , , , , , ,

Leave a comment