NumericTextBox in Grid Toolbar

[Hammad]

Hi,

I am trying to add a NumericTextBox in GridToolbar. The input control is converted to NumericTextBox but the Up/Down spinner buttons layout is disturbed.

Please see this jsfiddle for demo:

http://jsfiddle.net/E3TNH/1/

Regards

[Dimo]

Hi Hammad,

If you reivew the NumericTextBox with a DOM inspector, you will see that the k-textbox class and the float style are causing the troubles. Please remove them. In order to float the textbox to the right, you an external CSS rule.

toolbar: '<input type="text" id="tbx_lockset" class="toolbartextbox" />',

.toolbartextbox.k-widget
{
    float:right;
}

Generally, custom CSS classes and styles, which are applied to the originating <input> element are copied to the generated widget wrapper (span.k-numerictextbox). This is useful, but may lead to undesired side effects in certain scenarios.

Regards,
Dimo
Telerik

[Hammad]

Hi Dimo,

thanks for your response. Now it works correctly.

Regards