Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
175
Border Style of Controls
posted

I have a webpage that has the standard textboxs on it but when I add a webnumericeditor to it, the border style is different than the standard textbox.

The standard textbox looks like it's recessed into the form where the webnumericeditor is not.

How can I make it look the same?

  • 7570
    posted

    Hello rhd,

    I am just following up and see if you have any questions.

     

  • 7570
    Suggested Answer
    posted

    Hello rhd,

    Thank you for your patience while I was working on this issue.

    You may make the WebNumericEditor look similar to the Textboxes by using the following revisions to the WebNumericEditor's CSS file:

    .igte_Edit
    {
     font-size: 12px;
     font-family: Segoe UI, Verdana, Arial, Sans-Serif;
     background-color: #FFFFFF;
     border:solid 1px #999999;
     outline:0; 
     border-top-width:1.5px;
     border-top-color:ThreeDShadow;
     border-top-style:inset;
     border-left-width:1.5px;
     border-left-color:ThreeDShadow;
     border-left-style:inset;
     border-bottom-color:#DCDCDC;
     border-bottom-width:1.5px;
     border-right-color:#DCDCDC;
     border-right-width:1.5px;
    }

    I hope this helps.

    You may also refer to the attached sample.

    If you have any questions, please let me know as well.

    WNE_CSS.zip
  • 7570
    posted

    Hello rhd,

    Thank you for contacting Infragistics.

    We may have to overide the default css classes. I am currently setting up a sample implementing this approach.

    I will be updating you shortly.

    If you have any questions, please let me know as well.