This is what I was looking for. That sample code should be in the documentation, since it doesn't currently include any explanation of how to use the filter function.

Even if you set precision to 0, it still allows the decimal point. I don't want to allow it at all. I'm using it to enter fields like Zip code and credit card number.

When using numberboxes, sometimes I want to allow a decimal point and other times not to allow it. I can't figure out how to do this. I see there is a filter property that takes a function, but absolutely no information on how to use it. Can you provide an example of a filter function, or another way to specify whether to allow a decimal? This is missing from the documentation. Thank you.

This code doesn't make sense to me. Why is it even necessary? And what is the enableClosed option? I can't find this anywhere in the documentation. It seems like the onBeforeClose event is not working as it should. Please explain.

I have a dialog and I would like the user to confirm when they try to close it. In the onBeforeClose event I call a function to display a confirmation dialog and return the result. However, the dialog always closes immediately and then the confirmation is shown after it closes! I have tried several ways to show the confirmation dialog - native JS confirm, your messager, and another library to display confirmations. The same result occurs no matter how I do it. I have also tried putting the onBeforeClose code in the data-options, which makes no difference. So what is the problem here and how do I fix it?

Code:

  
// ConfirmClose is the function where I ask for the confirmation, trying the different methods mentioned above
$('#dlgDataEntry').dialog({onBeforeClose: function() { return(ConfirmClose()) }}); // 
$('#dlgDataEntry').dialog('open');

Yes, as I said I figured that out. But why isn't auto the default?

When using the combobox I noticed that the dropdown panel was usually much too big, even when there were only 2 or 3 choices. It took me quite a long time to figure out that this is controlled by panelHeight which defaults to 200. This needs to be set to 'auto'. Why isn't that the default? It makes no sense to have an arbitrary fixed height when there can be any number of items in the list.

I tried that, but it gets centered relative to the length of the content, and is still offscreen, probably in the same position it would have been without calling the center method. This definitely seems to be a bug, since there's no possible reason why you would want a dialog to be offscreen!

When I open a dialog on a page where the length of the page content is greater than the height of the browser, it is centered relative to the page length, not the browser window, so it appears offscreen vertically and you have to scroll down to see it, which is obviously not acceptable. I call the move method to move it to a specific position and this works, but it seems like a bug that the vertical centering is positioning it offscreen. Is this a bug or is it intended?