[Solved] How can I influence the width, so that I can see the arrows of the Numeric Text Box

[Frank Michael]

In my Grid, when I use a Numeric Text Box for edit, I can't see the the arrows, because the Numeric Textbox is wider than the table cell. See attachment.
Even if I increase the width of the column it is not effective.

            c.Bound(r => r.RemainingDays).Format("{0}").Width(60).Title("Days");
            c.Bound(r => r.RemainingHours).Format("{0}").Width(15).Title("Hours");

<td><div id="RemainingDays" class="t-widget t-numerictextbox"><input id="RemainingDays-input-text" name="RemainingDays-text" class="t-input"><a title="Increase value" tabindex="-1" href="#" class="t-link t-icon t-arrow-up">Increment</a><a title="Decrease value" tabindex="-1" href="#" class="t-link t-icon t-arrow-down">Decrement</a><input value="0" name="RemainingDays" id="RemainingDays-input" class="t-input" style="display: none;"></div>

<span id="RemainingDays_validationMessage" class="field-validation-valid"></span></td>

If I make the width of the TextBox smaller, it takes also no effect.

Html.Telerik().NumericTextBox()
        .Name(ViewData.TemplateInfo.HtmlFieldPrefix)
        .Value(Model)
        .HtmlAttributes(new {width="25px"})

And the Html:

<div width="25px" id="RemainingDays" class="t-widget t-numerictextbox"><input id="RemainingDays-input-text" name="RemainingDays-text" class="t-input"><a title="Increase value" tabindex="-1" href="#" class="t-link t-icon t-arrow-up">Increment</a><a title="Decrease value" tabindex="-1" href="#" class="t-link t-icon t-arrow-down">Decrement</a><input value="0" name="RemainingDays" id="RemainingDays-input" class="t-input" style="display: none;"></div>

[Frank Michael]

Can you quickly tell my if my requirement is out of scope or in scope of Telerik Grid?
Is it an error on my behalf? Should I invest time to debug? Or are you working on a solution?

[Frank Michael]

I think this is a simple css manipulation as far as the width of the numeric text box is concerned.

[Frank Michael]

Ok - at the end it is pure css styling.
After analyzing the rendered html I solved it with

.t-grid tbody tr td input,select
{
    width: 95%;
    min-width : 10%
}