This is a migrated thread and some comments may be shown as answers.

NumericTextBox in Grid Toolbar

2 Answers 37 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Hammad
Top achievements
Rank 1
Hammad asked on 18 Dec 2013, 11:03 AM
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

2 Answers, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 18 Dec 2013, 11:39 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Hammad
Top achievements
Rank 1
answered on 18 Dec 2013, 11:48 AM
Hi Dimo,

thanks for your response. Now it works correctly.

Regards

Tags
Grid
Asked by
Hammad
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Hammad
Top achievements
Rank 1
Share this question
or