Quantcast
Channel: Angular, Vue, React, Web Components, Javascript, HTML5 Widgets
Viewing all 306 articles
Browse latest View live

New Help Tutorials

$
0
0

jQWidgets and AngularJS


AngularJS

If you would like to use jQWidgets with AngularJS, you might want to check our new help tutorials:

- jQWidgets Integration with AngularJS

- jQWidgets Custom AngularJS Directives

- Implementing jQWidgets into an AngularJS SPA

jQWidgets and jQuery Mobile


jQuery Mobile


Have you ever thought about using jQuery Mobile with jQWidgets? We prepared a help tutorial for you, which describes how to combine the both JavaScript Frameworks.

- Responsive Layouts with jQuery Mobile and jQWidgets

The post New Help Tutorials appeared first on Javascript, HTML5, jQuery Widgets.


jQWidgets 3.3.0

$
0
0
Today, we are announcing the release of jQWidgets ver. 3.3.0. This release brings new and much requrested Data Visualization features to jqxChart. With the Chart’s new Zooming and Range Selection features your users would be able to focus on a subset of data by selecting a range in the chart, which is visualized separately. Based on feedback that we received, we added also the capability to conditionally format and to configure the display of missing values in the line series and automated the unitInterval axis settings. jqxTreeGrid and jqxDataTable are now powered up with Cell Editing which will give you the option to choose between full row or single cell editing modes.

You can find the release notes below.

What’s New:

- jqxChart Zooming with range selection.
- jqxChart New series: stackedscatter, stackedscatter100, stackedbubble, stackedbubble100.
- jqxChart Support for conditional line colors within a single serie.
- jqxChart New labelsHorizontalAlignment and labelsVerticalAlignment properties.
- jqxChart New Sixteen additional color schemes.
- jqxChart Configurable display of missing values in line series.
- jqxChart Automated best fit selection of unit intervals. Unit interval axis settings are now optional.
- jqxChart Minimum and maximum angle properties for pie and donut series.
- jqxGrid DatePicker Filter Menu option.
- jqxTreeGrid and jqxDataTable Cell Edit.

What’s Improved:

- jqxChart Drawing performance optimization.
- jqxChart Line series with value gaps animation.
- jqxChart Labels positioning.
- jqxChart Connection of end points in polar chart line series.
- jqxChart Legend text wrapping.
- jqxChart Lines connecting pie and donut series labels.
- jqxChart Configurable hiding of toggled points in pie and donut series.

What’s Fixed:

- Fixed an issue in jqxChart regarding the image & transparent background handling in IE8 browsers.
- Fixed an issue in jqxChart regarding theanimation of stacked columns with values lower than the value axis baseline.
- Fixed an issue in jqxChart regarding an exception after serie hide/show in case when the chart has a single serie.
- Fixed an issue in jqxChart regarding the DST handling in days sequence in date/time axis.
- Fixed an issue in jqxChart regarding the gradient fill colors derived from solid colors with max R,G or B values.
- Fixed an issue in jqxChart regarding the click events on line serie position point markers.
- Fixed an issue in jqxGrid regarding the multiple rows selection when virtual mode is enabled.
- Fixed an issue in jqxGrid regarding the applying of checked list filters through API. The check/uncheck states were not updated correctly.
- Fixed an issue in jqxGrid regarding the pincolumn method.
- Fixed an issue in jqxGrid regarding the checkbox selection when filter is applied. When you check the “check all” checkbox, the Grid will select only the visible rows.
- Fixed an issue in jqxGrid regarding the checked list filter when the Grid is bound to local data and there are null values. The null values were incorrectly rendered in the checked list’s popup.
- Fixed an issue in jqxGrid regarding the editing using the jqxDateTimeInput editor in a Nested Grid.
- Fixed an issue in jqxGrid regarding the programmatic edit mode.
- Fixed an issue in jqxGrid regarding the Clipboard Paste behavior in IE.
- Fixed an issue in jqxGrid regarding the “deleterow” method. If you delete a selected row, the row is now being removed from the selected indexes array.
- Fixed an issue in jqxComboBox regarding the DropDown’s height calculation when autoDropDownHeight property is turned on and the DropDown is shown after typing in the Input field.
- Fixed an issue in jqxDataTable regarding the “row” parameter value of the “rowSelect” event handler when “serverProcessing” and “paging” are enabled.
- Fixed an issue in jqxDataTable regarding the inline editing when grouping is enabled.
- Fixed an issue in jqxNumberInput regarding the clipboard behavior in Chrome.
- Fixed an issue in jqxNumberInput regarding the spin behavior when the decimal separator is not “.”.
- Fixed an issue in jqxTreeGrid regarding the rendering when grouping is applied and there are hidden columns.
- Fixed an issue in jqxTreeGrid regarding the sorting of data loaded on demand.
- Fixed an issue in jqxTreeMap regarding the resizing of nested areas.
- Fixed an issue in jqxListBox regarding the removeItem method and the items are grouped.
- Fixed an issue in jqxListBox regarding the drag and drop when checkboxes are enabled.
- Fixed an issue in jqxDropDownList regarding the getSelectedItem method and the items are grouped.
- Fixed an issue in jqxPasswordInput regarding the Input tag’s “type” attribute check. The “type” attribute should be always equal to “password”.
- Fixed an issue in jqxRangeSelector regarding the “change” event.
- Fixed an issue in jqxRangeSelector regarding the “refresh” method when the widget does not have a content DIV tag.
- Fixed an issue in jqxCalendar regarding the Week Number calculation. The widget now uses the ISO 8601 week definition.
- Fixed an issue in jqxInput regarding the searching of Strings which start with ‘(‘ or ‘)’.

To take advantage of these updates, make sure to download the jQWidgets 3.3.0 release.

The post jQWidgets 3.3.0 appeared first on Javascript, HTML5, jQuery Widgets.

jQWidgets 3.4.0

$
0
0

What’s New:

- jqxEditor – HTML editor which can simplify web content creation or be a replacement of your HTML Text Areas.
- jqxBulletChart – data visualization widget which is a variation of a bar graph.
- jqxDraw – new widget for ad-hoc drawing.
- jqxChart draw and drawBefore callback functions for ad-hoc drawing.
- jqxChart seriesGroup and serie legendFormatSettings and legendFormatFunction properties.
- jqxChart labelsAutoRotate property for pie and donut series.
- jqxChart new examples.

What’s Improved:

- jqxChart Automatic selection of date/time granularity on date axis if the setting is not specified.

What’s Fixed:

- Fixed an issue in jqxGrid regarding the editing functionality when the “autorowheight” setting is turned on.
- Fixed an issue in jqxGrid regarding the “autorowheight” when the grid rows are grouped.
- Fixed an issue in jqxGrid regarding the sorting functionality when the Grid rows are grouped and paging is turned on.
- Fixed an issue regarding the pointer events handling under Windows Phone 8.1.
- Fixed an issue in jqxChart regarding the touch events handling in the range selector.
- Fixed an issue in jqxChart regarding the range selector precision with range less than 24h on date axis with day granularity.
- Fixed an issue in jqxChart regarding the minValue and maxValue in stacked series.
- Fixed an issue in jqxChart regarding the display of label text in toggled stacked columns.
- Fixed an issue in jqxChart regarding the VML z-order issue with area series. VML is the rendering engine for IE7 and IE8.

Breaking changes:

jqxChart:

In order to support the new jqxDraw widget and our future data visualization roadmap, the core rendering functionality is moved from jqxchart.js to a new file jqxdraw.js The core charting functionality is now in jqxchart.core.js and jqxchart.js will be deprecated.

Users of jqxChart are advised to make the following change:

Include jqxdraw.js and jqxchart.core.js instead of jqxchart.js

We will continue providing jqxchart.js as a separate file in order to minimize migration cost and allow users to use the new versions without significant changes. However this file will be deprecated in future versions.

jqxGauge:

In previous versions jqxGauge was using the drawing engine of jqxChart. Users were required to include both jqxgauge.js and jqxchart.js.

Users of jqxGauge are advised make the following change:

Include jqxdraw.js instead of jqxchart.js

The post jQWidgets 3.4.0 appeared first on Javascript, HTML5, jQuery Widgets.

jQWidgets 3.5

$
0
0
We are pleased to announce the availability of jQWidgets 3.5. This release brings multiple new additions. The new AngularJS integration plugin which we called jqxAngular includes AngularJS Directives for all widgets. This was much requested functionality and we hope that many of you will enjoy it. The ASP .NET MVC Integration Online demos should be helpful for those of you who use .NET with jQWidgets. jqxNotification is a brand new widget which you can use for displaying alerts/reminders on your web page. For more information about this new version, please find the release notes below:

What’s New:

- AngularJS Integration.
- ASP .NET MVC Integration.
- jqxNotification – new widget for displaying notifications and alerts.
- jqxGrid filter row options.
- jqxListBox, jqxDropDownList and jqxComboBox initialization from Select, UL or OL tags.
- jqxChart Alternating background colors and opacity for x and y axes.
- jqxChart Customizable symbol type in scatter and bubble series.
- 70+ New Examples.

What’s Fixed:

- Fixed an issue in jqxGrid regarding the toolbar’s visibility when the Grid is displayed in a DropDownButton.
- Fixed an issue in jqxGrid regarding the loading the state of a Grid with reordered columns.
- Fixed an issue in jqxTreeGrid regarding the “addRow” method.
- Fixed an issue in jqxNavigationBar regarding the insert method.
- Fixed an issue in jqxNumberInput regarding the spin behavior in simple input mode when “digits” is set to 2.
- Fixed an issue in jqxChart x-axis rendering performance in some conditions.
- Fixed an issue in jqxChart ranges selector refresh.
- Fixed an issue in jqxDateTimeInput regarding the raising of “change” and “valueChanged” event.

Breaking changes:

- jqxMaskedInput, jqxNumberInput, jqxScrollBar and jqxDateTimeInput – Renamed valuechanged to valueChanged.
- jqxGrid – To keep the range selection of the DateTimeInput in the Filter Row, use “range” instead of “date”, when you set the column’s “filtertype” property. “date” can be used for single date filter.

The post jQWidgets 3.5 appeared first on Javascript, HTML5, jQuery Widgets.

jQWidgets 3.6.0

$
0
0
We are pleased to announce that the latest major iteration of jQWidgets is available. jQWidgets 3.6.0 introduces the following additions to the product feature set:

What’s New:

- jqxChart OHLC series.



- jqxChart Candlestick series.



- jqxTreeGrid Three-State checkboxes.
- jqxTreeGrid new Paging Mode.
- jqxAngular new AMD module which allows automatic on demand loading of the required jQWidgets javascript files.
- jqxMenu and jqxDocking keyboard navigation.
- jqxSlider tooltips.
- Observable Array function.

What’s Improved:

- jqxChart Range selector mouse and touch handling.
- jqxChart automatic calculation of unit interval in date/time series.
- jqxChart improvements in spline rendering algorithm.
- jqxChart improvements in rendering of column series on date/time axis.
- jqxAngular’s jqx-watch attribute now allows watching for changes in multiple members.

What’s Fixed:

- Fixed an issue in jqxListBox, jqxComboBox and jqxDropDownList about the events handling when the widget is created from ‘select’ tag.
- Fixed an issue in jqxDropDownList regarding the “getItemByValue” method.
- Fixed an issue about the Clipboard operations and Selection in jqxGrid, jqxDataTable, jqxListBox and jqxTreeGrid when the widget is used on Mac OS.
- Fixed an issue about the Clipboard Copy in jqxGrid when the data is sorted.
- Fixed an issue in jqxKnockout about the Inputs and their events handling.
- Fixed an issue in jqxGrid regarding the rendering after dynamically pinning and unpinning columns when the Grid has columns hierarchy.
- Fixed an issue in jqxTreeGrid regarding the pinned columns feature in IE7.
- Fixed an issue in jqxTreeGrid regarding the beginCellEdit method.
- Fixed an issue in jqxDataTable regarding filter’s rendering when columns resize and reorder features are enabled.
- Fixed an issue in jqxCheckBox rendering in some themes when the boxSize is different than the default.
- Fixed an issue in jqxChart regarding the DateTime series offset calculations.
- Fixed an issue in jqxChart about Legend items spacing with custom layout.
- Fixed an issue in jqxChart about Formatting error on xAxis text.
- Fixed an issue in jqxChart about performance with date/time xAxis and milliseconds unit interval.
- Fixed an issue in jqxChart about rounding with date/time xAxis and seconds unit interval.
- Fixed an issue in jqxChart about spline rendering algorithm.
- Fixed an issue in jqxChart about Range selector rendering bug when the min/max are out of range compared to source data.
- Fixed an issue in jqxChart about Range selector resizing during series visibility toggle.

Breaking Changes:

jqxAngular plugin’s jqx-data attribute is removed. Replace “data” in your code with the scope’s member name.

The post jQWidgets 3.6.0 appeared first on Javascript, HTML5, jQuery Widgets.

jQWidgets 3.7.0

$
0
0
The first release for this year just came out with 6 new widgets, many improvements and new examples. Below, you will find the list of changes.

What’s New:

- jqxRibbon widget.

- jqxToolBar widget.

- jqxNavBar widget.


- jqxFileUpload widget.

- jqxFormattedInput widget.

- jqxComplexInput widget.

- jqxChart Waterfall and stacked waterfall series.

- jqxChart Support for common valueAxis.
- jqxChart Spider axis support.

- jqxChart Partial polar & spider chart support.
- jqxChart Annotations.

- jqxChart Color bands on xAxis.
- jqxChart Color bands in polar and spider charts.
- jqxChart Additional API functions.

What’s Improved:

- jqxChart Axis padding feature.
- jqxChart Additional labels styling properties.
- jqxChart Support for conditional label colors.
- jqxChart Range selector and chart refresh events.
- jqxChart Improved columns spacing and padding calculation.
- jqxChart 15 new examples.

- jqxSlider mouse wheel behavior.

What’s Fixed:

- Fixed an issue in jqxGrid regarding the Columns Hierarchy rendering when columns menu is turned off.
- Fixed an issue in jqxGrid regarding the deffered scrolling vertical scrolling when paging is enabled.
- Fixed an issue in jqxGrid regarding the keyboard navigation when paging is enabled.
- Fixed an issue in jqxChart with multiple range selectors.
- Fixed an issue in jqxChart Tooltips display on single point lines.
- Fixed an issue in jqxChart Partial pie series angle recalculation when calling ‘update’.
- Fixed an issue in jqxChart Columns positioning issue when some data points are invalid.
- Fixed an issue in jqxTooltip’s close method.
- Fixed an issue in jqxNumberInput regarding the spin behavior.
- Fixed an issue in jqxTree regarding the drag and drop behavior.

Breaking Changes:

- Incorrectly typed property names will now raise errors. In previous versions, these properties were ignored.

The post jQWidgets 3.7.0 appeared first on Javascript, HTML5, jQuery Widgets.

jQWidgets 3.7.1

$
0
0
jQWidgets 3.7.1 is available. The release includes several fixes of reported issues.

What’s Fixed:

- Fixed an issue in jqxChart about Gradient fill style regression in IE9.
- Fixed an issue in jqxChart about linesEnabled property change with pie/donut series.
- Fixed an issue in jqxChart about handling of special characters in url.
- Fixed an issue in jqxGrid about the Filter Menu.
- Fixed an issue in jqxListBox about unselectIndex method.


Thank you all for the great feedback!

The post jQWidgets 3.7.1 appeared first on Javascript, HTML5, jQuery Widgets.

Announcing Public Beta of jQWidgets Chart Studio

$
0
0
We are happy to announce the release of the public beta of Chart Studio.

Chart Studio is a new cloud solution for visual editing and hosting of interactive charts. It’s implemented 100% using the jQWidgets javascript library and runs on PCs and mobile devices.

If you are a developer using jQWidgets and jqxChart, the visual editor in Chart Studio will help you learn more about the different settings and customization options of jqxChart. You can enter sample data, build a chart in a way you want and simply copy-paste the auto generated code in your application.

If you are not a technical person, you can use Chart Studio to create visually appealing charts, share them with friends, on social media or embed them as content in your blogs.

Best of all Chat Studio is 100% free.

We encourage you to give this Beta version a try and we’ll appreciate to hear your feedback:

https://www.jqwidgets.com/chartstudio

The jQWidgets Team


The post Announcing Public Beta of jQWidgets Chart Studio appeared first on Javascript, HTML5, jQuery Widgets.


jQWidgets 3.8.0

$
0
0
We are happy to announce the release of jQWidgets 3.8.0. Below you will find the list with all changes.

What’s New:

- jqxChart column series properties to render as Pyramid and Funnel charts.
- jqxChart new tooltips property toolTipMoveDuration to control time required move the tooltip between items.
- jqxChart localization support.
- jqxGrid, jqxChart, jqxTreeGrid and jqxDataTable PDF Export.
- jqxGrid Ever Present Row.
- jqxGrid Filter Menu customization.

What’s Improved:

- jqxChart tooltips positioning and style using tooltip arrows.
- jqxChart support for percentage radius in pie and donut series and polar/spider charts.
- jqxChart automatic detection and parsing of date/time strings in different cultures.
- jqxChart dateFormat property for xAxis values, tooltips and labels.
- jqxGrid performance improvement which affects Grids with multiple columns.
- jqxGrid Grouping and Filtering API.
- jqxAngular plugin improvement which allows dynamic compile of widgets through a function call.

What’s Fixed:

- Fixed an issue in jqxGrid about resizing in RTL mode.
- Fixed an issue in jqxGrid about clipboard handling in server paging mode.
- Fixed an issue in jqxGrid regarding the Pager’s rendering in RTL mode.
- Fixed an issue in jqxDataTable regarding the setCellValue method when the column is sorted.
- Fixed an issue in jqxDataTable regarding columns width on touch devices.
- Fixed an issue in jqxComboBox regarding the getSelectedItem method when multiSelect mode is turned on.
- Fixed an issue in jqxNumberInput regarding the behavior when the value is 0 and decimalDigits is set to 0.
- Fixed an issue in jqxSwitchButotn regarding the dynamic changing of button’s orientation.
- Fixed an issue in jqxPasswordInput regarding the show password behavior on touch devices.
- Fixed an issue in jqxEditor regarding the “change” event when “paste” is through mouse.
- Fixed an issue in jqxPasswordInput password strength re-evaluation when setting the password with the val method.
- Fixed an issue in jqxFileInput in Internet Explorer when the option “Include local directory path when uploading files to a server” is enabled.
- Fixed an issue in jqxChart with custom colorFunction and range bars.
- Fixed an issue in jqxChart with the lineWidth property of gridlines & tickmarks in spider charts.
- Fixed an issue in jqxChart tooltips formatSettings on common y-axis.
- Fixed an issue in jqxChart with tooltip hiding in some corner cases.
- Fixed an issue in jqxChart with ticks overlapping text in polar chart.
- Fixed an issue in jqxChart with columns overlap detection logic.
- Fixed an issue in jqxChart with waterfall series conneting lines in horizontal chart orientation.
- Fixed an issue in jqxChart with calling ‘update’ after previously loading an empty data set.
- Fixed an issue in jqxChart in end point spline rendering in VML mode.
- Fixed an issue in jqxChart in vertical text rendering in VML mode.

Breaking Changes:

- The default value of jqxChart’s skipOverlappingPoints option is now set to false in column series

The post jQWidgets 3.8.0 appeared first on Javascript, HTML5, jQuery Widgets.

jQWidgets 3.8.1

$
0
0

What’s New:

- jqxDateTimeInput – Time popup.

What’s Improved:

- jqxTreeGrid API. Added expandAll and collapseAll methods.
- jqxChart Value axis automatic selection of optimal interval when all values are identical.
- jqxNumberInput editing of negative numbers.
- jqxFileUpload ‘select’ event is passed the selected file’s size as an argument.

What’s Fixed:

- Fixed an issue in jqxGrid about Virtual Columns Scrolling in IE7 and IE8.
- Fixed an issue in jqxGrid about Virtual Columns Scrolling when Filtering is applied.
- Fixed an issue in jqxGrid about rendering of cell contents of a pinned column when the Grid’s horizontal scrollbar is moved and the “hidecolumn” method is called.
- Fixed an issue in jqxGrid about the Validation popup positioning when the edit mode is full row.
- Fixed an issue in jqxObservableArray about the unshift method.
- Fixed an issue in jqxFileUpload regarding the use of the ‘multipleFilesUpload’ property in Internet Explorer 9 and earlier.
- Fixed an issue in jqxFormattedInput when the value is an empty string.
- Fixed an issue in jqxRibbon when ‘mode’ is set to ‘popup’ and the content section is over other elements.
- Fixed an issue in jqxRibbon when setting ‘width’ and ‘height’ dynamically.

The post jQWidgets 3.8.1 appeared first on Javascript, HTML5, jQuery Widgets.

jsEditor

Microsoft Edge and jQWidgets 3.8.2

$
0
0
We are happy to announce the availability of jQWidgets ver. 3.8.2, which comes with support for Microsoft Edge web browser. Over the last few weeks, we worked hard to adapt, modify and resolve issues in our widgets and make them work better on Microsoft Edge. Thank you all for the valuable feedback and help to improve the quality of our product.

What’s New:

- Added Support for Microsoft Edge Web Browser.

What’s Fixed:

- Fixed an issue in jqxGrid regarding the Checkbox column Toggle behavior.
- Fixed an issue in jqxGrid regarding the deleterow method and editing after that.
- Fixed an issue in jqxGrid regarding the validation popup’s positioning when the editing is full row.
- Fixed an issue in jqxGrid regarding the destroying of filter widgets on data source change.
- Fixed an issue in jqxGrid regarding the cells rendering when custom filter is applied and removed dynamically through API.
- Fixed an issue in jqxDateTimeInput regarding the switching of calendar views.
- Fixed an issue in jqxDateTimeInput regarding the Time Popup inputs formatting.
- Fixed an issue in jqxDateTimeInput regarding the Null dates handling.
- Fixed an issue in jqxDateTimeInput regarding the Spin Buttons behavior in the Time Popup.
- Fixed an issue in jqxRibbon regarding an incorrect class applied to the top and bottom scroll button arrows.
- Fixed an issue in jqxSlider when the ‘min’ and ‘max’ properties are dynamically set.
- Fixed an issue in jqxSwitchButton regarding the removal of event handlers.
- Fixed an issue in jqxToolBar regarding its integration in a jqxSplitter panel.
- Fixed an issue in jqxComplexInput regarding the methods getReal and getImaginary when the decimalNotation.
- Fixed an issue in jqxAngular plugin regarding the Angular UI Router.
- Fixed an issue in jqxNumberInput with Paste from browser’s context menu.
- Fixed an issue in jqxListBox regarding the checkItem, uncheckItem and indeterminateItem methods when Filter is applied.


Download from: jqwidgets-ver3.8.2.zip

The post Microsoft Edge and jQWidgets 3.8.2 appeared first on Javascript, HTML5, jQuery Widgets.

jQWidgets 3.9.0

$
0
0

What’s New:

- jqxScheduler, jqxDockingLayout, jqxLayout, jqxTextArea, jqxTagCloud, jqxResponsivePanel, jqxPopover, jqxLoader widgets.
- jqxGrid best fit columns resizing. End-users now can auto-resize columns by double clicking on the column header’s right border.
- jqxChart Pie and Donut slices expansion on selection.
- jqxCalendar Restricted dates feature.
- jqxRibbon Tabs reorder functionality.

What’s Improved:

- jqxChart’s labels positioning in Pie and Donut series.
- jqxChart’s default value axis number formatting.
- jqxFormattedInput Select All with Ctrl+A.
- jqxFormattedInput radix can now be changed through the dropdown even when the input is empty.

What’s Fixed:

- Fixed an issue in jqxTreeGrid regarding the hierarchical checkboxes when Sorting is applied.
- Fixed an issue in jqxGrid regarding the ever present row rendering when a column is pinned.
- Fixed an issue in jqxGrid regarding the multiple cells advanced selection when columns width is in percentages.
- Fixed an issue in jqxGrid regarding the excel filter for filtering date column.
- Fixed an issue in jqxGrid regarding the initial column filter functionality when the filter is applied to numeric column and filter row is turned on.
- Fixed an issue in jqxGrid regarding the save/load state of Date filter.
- Fixed an issue in jqxGrid regarding the DateTimeInput editor’s localization.
- Fixed an issue in jqxDateTimeInput regarding the Tab key navigation in Firefox.
- Fixed an issue in jqxDateTimeInput regarding date selection when closing the popup calendar by clicking on the calendar button.
- Fixed an issue in jqxDateTimeInput regarding the rendering of the time popup after navigation through the calendar popup.
- Fixed an issue in jqxChart value axis range display when all values are 0s.
- Fixed an issue in jqxChart range selector layout issues.
- Fixed an issue in jqxChart range selector mouseup outside of area event handling bug.
- Fixed an issue in jqxChart range selector refresh issue when used with ‘basic’ type xAxis.
- Fixed an issue in jqxChart about export to image with rangeselector.
- Fixed an issue in jqxScrollBar about small scroll ranges layout.
- Fixed an issue in jqxFileUpload regarding an “Access is denied” error in Internet Explorer 10.
- Fixed an issue in jqxFormattedInput regarding the entering of numbers through the numeric keypad.
- Fixed an issue in jqxComplexInput regarding the entering of numbers through the numeric keypad.
- Fixed an issue in jqxRibbon when header items contain images or other non-text HTML elements.

The post jQWidgets 3.9.0 appeared first on Javascript, HTML5, jQuery Widgets.

jQWidgets 3.9.1

$
0
0

What’s New:

- jqxScheduler Agenda View.
- jqxScheduler ICalendar import/export.
- jqxScheduler Export to Excel, PDF, JSON, XML, HTML, CSV, TSV.
- jqxScheduler Appointments Exact Time rendering.
- jqxScheduler Week Numbers display in Month View.
- jqxDockingLayout method for dynamically adding floatGroups.

What’s Improved:

- jqxGrid expand/collapse state maintenance when the Grid is grouped or row details are enabled.

What’s Fixed:

- Fixed an issue in jqxGrid about best fit columns resizing when columns reorder is turned on.
- Fixed an issue in jqxScheduler about legends bar rendering.
- Fixed an issue in jqxScheduler which occurred when user tries to select multiple cells in the all days area.
- Fixed an issue in jqxScheduler RTL Navigation through the toolbar.
- Fixed an issue in jqxScheduler Resources binding through jqxDataAdapter.
- Fixed an issue in jqxCalendar and jqxDateTimeInput firstDayOfWeek property issue.
- Fixed an issue in jqxFileUpload which occured when uploadFile was called, but no files had been selected for upload.
- Fixed an issue in jqxDockingLayout regarding initContent not being called for floatGroups.
- Fixed an issue in jqxDockingLayout drop indicators show/hide issue related to mobile devices.



The post jQWidgets 3.9.1 appeared first on Javascript, HTML5, jQuery Widgets.

jQWidgets 4.0.0

$
0
0

jQWidgets v4.0.0 Release, Jan-27-2016

What’s New:

– jqxKanban widget.
– jqxKnob widget.
– jqxSortable plug-in.

What’s Improved:

– jqxNumberInput null value support.

What’s Fixed:

– Fixed an issue in jqxScheduler regarding the rendering of appointments in Day/Week view with duration less than a single time slot.
– Fixed an issue in jqxScheduler regarding the rendering of appointments in Day/Week view with more than 1 day duration.
– Fixed an issue in jqxScheduler regarding the edit dialog widgets visibility.
– Fixed an issue in jqxScheduler regarding the edit dialog’s location field.
– Fixed an issue in jqxScheduler regarding the weekstart in recurrenceAppointments export.
– Fixed an issue in jqxScheduler regarding the changedAppointments property.
– Fixed an issue in jqxScheduler regarding the legends rendering after re-binding the scheduler.
– Fixed an issue in jqxGrid regarding the grouping and row details expand/collapse state maintenance.
– Fixed an issue in jqxGrid regarding the grouping when deferred scrolling is enabled.
– Fixed an issue in jqxCore regarding IE7, IE8 browser support.
– Fixed an issue in jqxData.Export regarding the export to PDF in Firefox.
– Fixed an issue in jqxDockingLayout regarding drop overlays not being displayed after “loadLayout” is called.
– Fixed an issue in jqxDockingLayout regarding docked floatGroups losing their content after “loadLayout” is called.
– Fixed an issue in jqxTextArea regarding the use of jQuery’s .val() method.
– Fixed an issue in jqxTextArea with text alignment when “rtl” is set to true.
– Fixed an issue in jqxRating regarding the positioning of “stars” in containers with overflow.
– Fixed an issue in jqxNotification occurring due to the ids of inner elements being duplicated.
– Fixed an issue in jqxLayout and jqxDockingLayout occurring when “height” is set to a percentage value.
– Fixed an issue in jqxLayout and jqxDockingLayout regarding resizing occurring when “width” or “height” is set to a percentage value.
– Fixed an issue in jqxDockingLayout regarding the content of some docked float groups being lost when “loadLayout” is called.
– Fixed an issue in jqxBulletChart regarding the dynamic setting of the “ranges” property.
– Fixed an issue in jqxValidator regarding the class “jqx-validator-error-element” not being added to textarea elements when “hintType” is set to “label”.

The post jQWidgets 4.0.0 appeared first on Javascript, HTML5, jQuery Widgets.


jQWidgets 4.1.0

$
0
0

jQWidgets v4.1.0 Release, March-10-2016

What’s New:

– Kinetic Scrolling on Mobile Devices.
– jqxBarGauge widget.
– jqxChart x-Axis logarithmic scale support.
– jqxChart new functions for mapping axis positions to values.
– jqxChart support for custom grid lines, tick marks and labels.
– Responsive Grid System in jqxResponse.
– jqxDateTimeInput, jqxNumberInput, jqxSlider, jqxCalendar, jqxCheckBox, jqxRadioButton, jqxSwitchButton, jqxColorPicker can be initialized from Input tags.
– Templates for jqxDateTimeInput, jqxComboBox, jqxDropDownList, jqxSlider, jqxProgressBar, jqxButtonGroup, jqxNumberInput, jqxFormattedInput, jqxComplexInput.
– DropDown Alignment options for jqxDropDownList, jqxComboBox, jqxDropDownButton and jqxDateTimeInput.

What’s Improved:

– Scrolling performance on Mobile Devices.
– jqxGrid rendering and data binding performance.

What’s Fixed:

– Fixed an issue in jqxScheduler regarding the appointmentClick and appointmentDoubleClick events in the agenda view.
– Fixed an issue in jqxScheduler regarding the edit dialog in the agenda view.
– Fixed an issue in jqxDropDownList regarding its Popup positioning.
– Fixed an issue in jqxChart regarding range selector rendering.
– Fixed an issue in jqxChart regarding range selector vertical rendering.
– Fixed an issue in jqxRibbon regarding the visibility of scroll buttons not being updated when “removeAt” is called.
– Fixed a jqxRibbon selection issue in the “addAt” method.
– Fixed a rounding issue in jqxRangeSelector.
– Fixed an issue in jqxLinearGauge regarding an incorrect layout when the orientation is horizontal and “scaleLength” is set.

Breaking Changes:

– Removed default sorting by grouped column in jqxGrid when grouping and paging are applied.

The post jQWidgets 4.1.0 appeared first on Javascript, HTML5, jQuery Widgets.

jQWidgets 4.1.1

$
0
0
jQWidgets 4.1.1 resolves the issues reported through the last 2 weeks.

- Fixed an issue in jqxDropDownList regarding autoDropDownHeight property.
- Fixed an issue in jqxDockingLayout regarding the floating windows layout.
- Fixed an issue in jqxBarGauge regarding the precision property.
- Fixed an issue in jqxDataTable regarding the deleteRow method.
- Fixed an issue in jqxScrollBar regarding its rendering in Chrome when the browser is ran on a PC with Touch screen.

If you would like to share any feedback, please contact us: support@jqwidgets.com

The post jQWidgets 4.1.1 appeared first on Javascript, HTML5, jQuery Widgets.

jQWidgets 4.1.2

$
0
0

What’s New:

9 new Interactive/Template demos

What’s Fixed:

- Fixed an issue in jqxResponse regarding Microsoft Edge browser detection.
- Fixed an issue in jqxKanban regarding the updateItem method when itemRenderer is implemented.
- Fixed an issue in jqxScheduler regarding the ICAL export after appointment is updated.
- Fixed an issue in jqxScheduler regarding same Ids of rows and appointments.
- Fixed an issue in jqxGrid regarding the rendering of textboxes in filter row.
- Fixed an issue in jqxGrid regarding the handlekeyboardnavigation function. It’s now called only if the key event is raised by jqxGrid or some of its inner HTML elements.
- Fixed an issue in jqxGrid regarding the cell hover when there are pinned columns and horizontal bar was moved.
- Fixed an issue in jqxListBox regarding the “render” method call.
- Fixed an issue in jqxCalendar regarding the stepMonths property behavior.
- Fixed an issue in jqxDropDownButton regarding the drop down’s auto-closing behavior when there is another drop down widget inside it.

The post jQWidgets 4.1.2 appeared first on Javascript, HTML5, jQuery Widgets.

Typescript

$
0
0
The next version of jQWidgets will come with Typescript definitions for all widgets and with many examples which demonstrate how to use the widgets with Typescript. Below is an example of a Grid defined with Typescript. It is actually the Grid’s default functionality example which you can find in the Grid’s demos page, but written in Typescript.
/// <reference path="../../../jqwidgets/jqwidgets.d.ts"></reference>
function createDefaultFunctionalityGrid(selector) {
var url = "../sampledata/products.xml";
// prepare the data
var source =
{
datatype: "xml",
datafields: [
{ name: 'ProductName', type: 'string' },
{ name: 'QuantityPerUnit', type: 'int' },
{ name: 'UnitPrice', type: 'float' },
{ name: 'UnitsInStock', type: 'float' },
{ name: 'Discontinued', type: 'bool' }
],
root: "Products",
record: "Product",
id: 'ProductID',
url: url
};
var cellsrenderer = function (row, columnfield, value, defaulthtml, columnproperties, rowdata) {
if (value < 20) {
return '<span style="margin: 4px; float: ' + columnproperties.cellsalign + '; color: #ff0000;">' + value + '';
}
else {
return '<span style="margin: 4px; float: ' + columnproperties.cellsalign + '; color: #008000;">' + value + '</span>';
}
};
var dataAdapter = new $.jqx.dataAdapter(source, {
downloadComplete: function (data, status, xhr) { },
loadComplete: function (data) { },
loadError: function (xhr, status, error) { }
});
// initialize jqxGrid
// initialization options - validated in typescript
// jqwidgets.GridOptions has generated TS definition
var options: jqwidgets.GridOptions = {
width: 850,
source: dataAdapter,
pageable: true,
autoheight: true,
sortable: true,
altrows: true,
enabletooltips: true,
editable: true,
selectionmode: 'multiplecellsadvanced',
columns: [
{ text: 'Product Name', columngroup: 'ProductDetails', datafield: 'ProductName', width: 250 },
{ text: 'Quantity per Unit', columngroup: 'ProductDetails', datafield: 'QuantityPerUnit', cellsalign: 'right', align: 'right', width: 200 },
{ text: 'Unit Price', columngroup: 'ProductDetails', datafield: 'UnitPrice', align: 'right', cellsalign: 'right', cellsformat: 'c2', width: 200 },
{ text: 'Units In Stock', datafield: 'UnitsInStock', cellsalign: 'right', cellsrenderer: cellsrenderer, width: 100 },
{ text: 'Discontinued', columntype: 'checkbox', datafield: 'Discontinued' }
],
columngroups: [
{ text: 'Product Details', align: 'center', name: 'ProductDetails' }
]
};
// creates an instance
var myGrid: jqwidgets.jqxGrid = jqwidgets.createInstance(selector, 'jqxGrid', options);
}


In the HTML page, we call createDefaultFunctionalityGrid function.
    <script>
$(document).ready(function () {
createDefaultFunctionalityGrid('#jqxgrid');
});
</script>


The Typescript integration will soon be online on our website. We are also working hard to provide AngularJS 2.0 integration for all our Javascript widgets.

The post Typescript appeared first on Javascript, HTML5, jQuery Widgets.

jQWidgets 4.2.0

$
0
0
Angular 2

Angular 2

Typescript

Typescript



The focus of this release was on Angular 2 and Typescript. This new version of jQWidgets brings Angular 2 Components and Typescript definitions for all widgets. We also added more than 150 examples about Angular 2 and Typescript. Below you can find the highlights.

What’s New:

- Typescript Definitions.
- Angular 2 Components.
- More than 150 Examples about New Typescript and Angular 2
- jQuery 3.1.0 support.
- jqxGrid Grouping Aggregates.
- New layout options in jqxLayout and jqxDockingLayout widgets. It is not possible to set the size of the content part of an autoHideGroup’s pop-up.
- New jqxDockingLayout event – “floatGroupClosed”, which is triggered when a float group has been closed.

What’s Fixed:

- Fixed an issue in jqxGrid regarding the getrowid method results.
- Fixed an issue in jqxGrid regarding the data export of aggregates when selection mode is set to “checkbox”.
- Fixed an issue in jqxGrid regarding the initwidget callback function parameters.
- Fixed an issue in jqxGrid regarding the data export rendering when some columns is pinned.
- Fixed an issue in jqxGrid regarding the jqxDateTimeInput editor when editing begins with key press.
- Fixed an issue in jqxGrid regarding the jqxDateTimeInput editor selection positioning.
- Fixed an issue in jqxDateTimeInput regarding the AM/PM editing.
- Fixed an issue in jqxKanban regarding the rendering when kanban items overflow and the kanban widget is resized.
- Fixed an issue in jqxComboBox regarding the showArrow property when it is set dynamically.
- Fixed an issue in jqxScheduler regarding the auto-height of monthView cells.
- Fixed an issue in jqxBarGauge regarding the dynamic changing of values.
- Fixed an issue in jqxKanban regarding the dynamic changing of resources property.
- Fixed an issue in jqxRibbon regarding the “reorder” event being called incorrectly and causing an error to be thrown in jqxDockingLayout.
- Fixed an issue in jqxLayout/jqxDockingLayout occurring when resizing groups with relatively small width/height.
- Fixed an issue in jqxDockingLayout resulting in content of docked float groups not being loaded by the method “loadLayout”.

The post jQWidgets 4.2.0 appeared first on Javascript, HTML5, jQuery Widgets.

Viewing all 306 articles
Browse latest View live