[Solved] Up/Down Arrows Wrap Problem

[Cyndie]

I upgraded from the 2010.7.713 open source beta version to the 2010.2.825 developer version and my NumericTextBoxes now have up/down arrows (which they didn't have before or at least they weren't visible anywhere I had these boxes), but the up/down arrows are wrapped around to the next line (see attached image).  Is there an option to hide those or a suggestion on how to fix it?  Browser is IE8.

Thanks.

[Alex Gyoshev]

Hi Cyndie,

It looks like there are some clashing styles on the page. I cannot, however, help much without reproducing it -- can you please send us a sample project that illustrates the issue? You could try removing any custom styles apart from the Telerik ones -- this way you'll know if there are any clashes. When you find the troublesome file, you could try commenting out different sections so that you find the problematic piece of CSS.

Regards,
Alex Gyoshev
the Telerik team

[Cyndie]

I have narrowed it down to this section of telerik.common  in the Panel section:

.t-panelbar .t-link
{
    line-height: 2.05em;
    padding: 0 1em;
    border-bottom: 1px solid;
    display: block;
    position: relative;
    text-decoration: none;
    zoom: 1;
}

It is apparently a css conflict with having the grid and numerictextbox inside a panel bar.

If I comment out this section, the panel bars look bad, but the up/down arrows do not wrap around and the grouping buttons in my grid also do not wrap around when this section is commented out.

[Cyndie]

I added the following to telerik.command and all is well now:

.t-panelbar .t-grid .t-link, .t-panelbar .t-numerictextbox .t-link
{
    display: inline-block;
    border-bottom: none;
}

[Alex Gyoshev]

Hi Cyndie,

Thank you for the detailed bug information and for posting your solution. We added these styles to telerik.common.css, so that they will be available with the upcoming service pack.

Your Telerik points have been updated.

Best wishes,
Alex Gyoshev
the Telerik team