[nklapperParticipant]

Chart displays fine in IE and Chrome, uses all available screen width. But in Firefox, it does not, using instead a too-small computed value for width. Here is the HTML code…

<div style=" position: absolute; top: 50px; left: 145px; ">
	<div id='jqxExpander' style="margin-right: auto; margin-left: auto; margin-bottom: 5px; margin-top: 5px; ">
            <div style="width: 97%";">
				<table style="font-size: 85%; color:white;">
					<tr>
						<td>&nbsp;Chart:</td>
						<td style="font-size: 125%;" width="99%" align="center" nowrap><b>&nbsp;INSTALLED BASE BY APP, CURRENT SHARE </b></td>
						<td align="right" nowrap>&nbsp;Usage Tips</td>
					</tr>
				</table>
            </div>
            <div >
                <ul>
                    <li>Hover over any pie slice to see its details.</li>
		    <li>You can also click the Legend (top left) to toggle the display of any slice.</li>
                    <li>A maximum of 20 slices are displayed. For smaller slice data, use the corresponding Grid. </li>
                </ul>
            </div>
    </div>
	<div style="width: 100%;">
		<div id='chartContainer' style=" height:80vh; width:99%"></div>    
	</div>
</div>

[nklapperParticipant]

Could you please tell me which demo shows the usage of the toolTipFormatFunction ?

[nklapperParticipant]

bump

[nklapperParticipant]

Hi Ivailo,

Thank you for your timely reply.

Unfortunately, I was already using virtualmode: true, pageable: true.

Please advise what else I may be able to do.

Thanks!

–Norm

[nklapperParticipant]

Hi Ivo,

Good stuff, works perfectly, you guys are the best!

Could you please take a look at: http://jsfiddle.net/1zqoc7bg/ ?

I am just using code I found in another example, but the Show Rows selector seems to have a few glitches…

1. initially shows 10 rows instead of the specified default of 15

2. does not recognize an event when the default value 15 is subequently selected by the user

Your help would be appreciated.

Thanks,

Norm

[nklapperParticipant]

Thanks again Ivo.

Trying to use pagerrenderer, as you recommended.

Cannot format using just CSS, so must use some javascript.

Here is a function I have for this:

var numberWithCommas = function(x) { //adds comma to numbers, e.g. 12000 -> 12,000
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, “,”);}

If I try to apply this to the pagerrenderer code like this:

var paginginfo = numberWithCommas(datainfo.paginginformation);

…it does not work. See http://jsfiddle.net/w9o79od0/

I am probably missing something simple.

Could you please advise?

Best regards,

Norm

[nklapperParticipant]

bump

[nklapperParticipant]

Thank you Ivo.

Actually, you can see an example in one of your demos: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm#demos/jqxgrid/virtualdata.htm

Notice that the 1,000,000 total record count at the bottom right is difficult to read without commas.

–Norm

[Author]

Posts