Sets or gets the alterTextCase property used to specify the field by which tags should be sorted.
Possible values are 'none', 'allLower', 'allUpper', 'firstUpper', 'titleCase'

Enables or disables the ability to follow tag links in jqxTagCloud.

Sets or gets the displayLimit property used to filter highest values tags up to the number specified.

Code example

Set the displayLimit property.

$('#jqxTagCloud').jqxTagCloud({ displayLimit: 10 });

Get the displayLimit property.

var value = $('#jqxTagCloud').jqxTagCloud({ 'displayLimit' });

Sets or gets the field name used for the tag label.

Sets or gets the displayValue property used to specify whether to add the tag value field after the text.

Code example

Set the displayValue property.

$('#jqxTagCloud').jqxTagCloud({ displayValue: true });

Get the displayValue property.

var value = $('#jqxTagCloud').jqxTagCloud({ 'displayValue' });

Sets or gets the fontSizeUnit property used to set the font size unit possible values 'px', 'em', '%'

Code example

Set the fontSizeUnit property.

$('#jqxTagCloud').jqxTagCloud({ fontSizeUnit: 'em' });

Get the fontSizeUnit property.

var value = $('#jqxTagCloud').jqxTagCloud({ 'fontSizeUnit' });

Sets or gets the jqxTagCloud's height.

Sets or gets the maxColor property used to specify color of the tags for the elements with highest value attribute.
Together with minColor property will set color of tags in a gradient fashion depending on their value attribute towards the highest value.
Possible values: all browser supported colors including rgba.

Code example

Set the maxColor property.

$('#jqxTagCloud').jqxTagCloud({ maxColor: 'red' });

Get the maxColor property.

var value = $('#jqxTagCloud').jqxTagCloud({ 'maxColor' });

Sets or gets the maxFontSize property used to set the font size of the tags with the highest value attribute.

Code example

Set the maxFontSize property.

$('#jqxTagCloud').jqxTagCloud({ maxFontSize: 30 });

Get the maxFontSize property.

var value = $('#jqxTagCloud').jqxTagCloud({ 'maxFontSize' });

Sets or gets the maxValueToDisplay property used to filter tags with value higher than the specified.

Code example

Set the maxValueToDisplay property.

$('#jqxTagCloud').jqxTagCloud({ maxValueToDisplay: 10 });

Get the maxValueToDisplay property.

var value = $('#jqxTagCloud').jqxTagCloud({ 'maxValueToDisplay' });

Sets or gets the minColor property used to specify color of the tags for the elements with lowest value attribute.
Together with maxColor property will set color of tags in a gradient fashion depending on their value attribute towards the highest value.
Possible values: all browser supported colors including rgba.

Code example

Set the minColor property.

$('#jqxTagCloud').jqxTagCloud({ minColor: 'green' });

Get the minColor property.

var value = $('#jqxTagCloud').jqxTagCloud({ 'minColor' });

Sets or gets the minFontSize property used to set the font size of the tags with the lowest value attribute.

Code example

Set the minFontSize property.

$('#jqxTagCloud').jqxTagCloud({ minFontSize: 10 });

Get the minFontSize property.

var value = $('#jqxTagCloud').jqxTagCloud({ 'minFontSize' });

Sets or gets the minValueToDisplay property used to filter tags with value lower than the specified.

Code example

Set the minValueToDisplay property.

$('#jqxTagCloud').jqxTagCloud({ minValueToDisplay: 10 });

Get the minValueToDisplay property.

var value = $('#jqxTagCloud').jqxTagCloud({ 'minValueToDisplay' });

Sets or gets a value indicating whether widget's elements are aligned to support locales using right-to-left fonts.

Code example

Set the rtl property.

$('#jqxTagCloud').jqxTagCloud({ rtl : true }); 

Get the rtl property.

var rtl = $('#jqxTagCloud').jqxTagCloud('rtl'); 

Sets or gets the sortBy property used to specify the field by which tags should be sorted.
Possible values are 'none', 'label', 'value'

Code example

Set the sortBy property.

$('#jqxTagCloud').jqxTagCloud({ sortBy: 'value' });

Get the sortBy property.

var value = $('#jqxTagCloud').jqxTagCloud({ 'sortBy' });

Sets or gets the sortOrder property used to specify the direction in which tags should be sorted.
Possible values are 'ascending', 'descending'

Code example

Set the sortOrder property.

$('#jqxTagCloud').jqxTagCloud({ sortOrder: 'descending' });

Get the sortOrder property.

var value = $('#jqxTagCloud').jqxTagCloud({ 'sortOrder' });

A callback function used for custom tags rendering.

function tagRenderer (itemData, minValue, valueRange)

itemData - the record information of the current tag

minValue - the lowest value attribute of all elements in the cloud

valueRange - the difference between the lowest and highest value attributes in the cloud ( can be used for custom logic )

The function must return valid content for an anchor tag, usually a string but can be also be a jquery element object.

Code example

Set the tagRenderer callback function.

$('#jqxTagCloud').jqxTagCloud({ tagRenderer: function () {
                        var el = $('' + record.countryName + '');
                        var img = $('');
                        img.on('click', function (event) {
                        var id = $(event.target).closest('li').index();
                        var index = $('#tagCloud').jqxTagCloud('getRenderedTags')[id].index;
                        $('#tagCloud').jqxTagCloud('removeAt', index);
                        event.preventDefault();
                        event.stopPropagation();
                        });
                        el.append(img);
                        return el;
                        }
                        });

Sets or gets the takeTopWeightedItems property. Property indicates if displayLimit will prioritize highest value members

Code example

Set the takeTopWeightedItems property.

$('#jqxTagCloud').jqxTagCloud({ takeTopWeightedItems: true });

Get the takeTopWeightedItems property.

var value = $('#jqxTagCloud').jqxTagCloud({ 'takeTopWeightedItems' });

Sets or gets the textColor property used to specify color of the tags in the case where the minColor and maxColor properties are not set.
Possible values: all browser supported colors including rgba.

Code example

Set the textColor property.

$('#jqxTagCloud').jqxTagCloud({ textColor: 'red' });

Get the textColor property.

var value = $('#jqxTagCloud').jqxTagCloud({ 'textColor' });

Sets or gets the field name used for common base URL path for all tags.

Sets or gets the field name used by the anchor element.

Sets or gets the field name used for value/weight.

Sets or gets the jqxTagCloud's width.

This event is triggered when the widget has completed binding to a dataAdapter.

This event is triggered when a tag element is clicked. Event Arguments:

• label - item's label.
• value - item's value.
• url - item's url.
• visibleIndex - item's visible index.
• index - item's index.
• originalEvent - the Click event object.
• target - item's html element.

Calls the widget's destroy function.

Returns the index of the first tag with the specified label (displayMember).

Returns an array with indices of all hidden tags.

Returns an array with a copy of all tags that have been rendered in the order that they have been rendered.
This array excludes filtered values. But includes hidden ones.

Returns an array with a copy of all tags.
This list is used before any filtering/sorting/hiding is done.

Hides an element with specified index.

Inserts an element before an element with specified index

Deletes an element with specified index.

Updates an element with specified index.

Reveals a hidden element with specified index.