Custom Major Labels

[JugglingRefereeParticipant]

Finally got an example to work.

I’d like to remove the major labels, even though my format is numeric, and not a date.

I have to change the source code, I imagine. Is that even permitted?

Maybe change jqx-rangeselector-labels?

Maybe this message is me thinking out loud.

[Peter StoevKeymaster]

Hi JugglingReferee,

Changing the source code is possible is you have Developer/Enterprise license and according to the terms described in: http://www.jqwidgets.com/licenseagreement/. In numeric format, you do not have major labels.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[JugglingRefereeParticipant]

Maybe we’re calling things by different names.

When I create a range from x to y, where x and y are integers, there are numbers below the range that show the bounds. These labels are dictated by the majorTicksInterval option.

These are clearly there! I added this function in an effort to hide them:
labelsFormatFunction: function (value) {
return “<span style=’color: white; font-size: 1pt;’>” + value + “<span>”;
},

Group labels are not there – but why would they be?

[Peter StoevKeymaster]

Hi JugglingReferee,

Formatting of labels is shown in this example: http://jsfiddle.net/jqwidgets/tM6KS/. There are not group labels in this mode. They are applied only if the data type is date as written in the documentation.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[JugglingRefereeParticipant]

Very good. So my data type is not a date, so Group Labels are not available to me. I understand that and is what I expected from the get-go.

I want the red labels that are in your example to not be present. There does not seem to be a boolean property called showMajorLabels which refers to the red labels.

It seems that “showMajorLabels” at http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxrangeselector/index.htm#demos/jqxrangeselector/javascript-rangeselector-background-image.htm should be “showGroupLabels” and perhaps implement an entirely new boolean variable called showMajorLabels refer to the red labels in your example.

Regardless, I’m going to try css visibility to turn the red labels off.

Thanks.

[Author]

Posts