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.
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.
Posted in:
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
Tagged:
angular material, datagrid, form, form builder, grid, Grid Sorting, javascript datagrid, javascript grid, javascript gridview, jQWidgets Grid, jqwidgets gridview, jqxform, jqxGrid, material blue, material datagrid, material design, material input, material purple, material style, material themes, material ui, multi sorting
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.
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.
Posted in:
ANGULAR, Angular 2, angular 4, angular 5, Angular 6
Tagged:
angular chart, angular chart component, angular charting, angular charts, angular waterfall chart, chart, charting, charts, graphs, waterfall, waterfall chart
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.
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.
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.
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.
Posted in:
ANGULAR, Angular 2, angular 4, angular 5, Angular 6, Angular5
Tagged:
angular 6 timepicker, angular 7, angular 8, angular time picker, angular timepicker, angular timepicker component, angular7, angular8, timepicker, timepicker component
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
Posted in:
ANGULAR, Angular 2, angular 4, angular 5, Angular 6, ANGULAR GRID, Angular5, AngularJS
Tagged:
angular, angular components, angular jquery, angular qa, angular testing, angular tests, angular unit testing, angular unit tests, jasmine, jasmine test, karma, karma testing
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.
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.
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.
Posted in:
ANGULAR, Angular 2, angular 4, angular 5, Angular 6, ANGULAR GRID
Tagged:
angular, angular 6, angular 7, angular 8, angular dynamic components, angular with 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.
|
|
