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

Borderless NumericTextBox

1 Answer 338 Views
NumericTextBox
This is a migrated thread and some comments may be shown as answers.
Terrell
Top achievements
Rank 1
Terrell asked on 07 Jul 2015, 06:32 PM
Is there a way to remove the top border from the NumericTextBox? I have already removed the spinner but I need the top border gone and any padding.

1 Answer, 1 is accepted

Sort by
0
Plamen Lazarov
Telerik team
answered on 09 Jul 2015, 01:39 PM

Hello Terrell,

The described behavior could be achieved with little CSS. For example: 

<style>
    .k-numerictextbox .k-numeric-wrap {
      border-top: 0;
    }
 
    .k-numerictextbox .k-numeric-wrap,
    .k-numerictextbox .k-numeric-wrap:before,
    .k-numerictextbox .k-numeric-wrap:after {
      height: auto;
      line-height: normal;
      padding: 0;
    }
 
    .k-numerictextbox .k-input {
      height: auto;
      line-height: normal;
      padding: 0;
    }
</style>

For your convenience I prepared a simple demo in order to illustrate this approach. 
http://dojo.telerik.com/OqaKU/2

 

Regards,
Plamen Lazarov
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
NumericTextBox
Asked by
Terrell
Top achievements
Rank 1
Answers by
Plamen Lazarov
Telerik team
Share this question
or