Reg RadNUmeric Text box looks different in different themes

[Ranjani]

Hi,
I have rad numeric text box in my application . and some asp text box on the same page. The problem is when i am in windows lcassic theme i have set the radnumeric text box to look like asp text box by setting the border 2px inset and removed the back ground colors etc. but when i change to windows xp theme it is still the same but the asp text box looks different. How can i make telerik to behave the same way even if i change the theme
Please reply asap
Thanks
Ranjani

[Jayesh Goyani]

Hello,

You can try with below code snippet.

<style type="text/css">
       .riFocused
       {
           border-color: Red !important;
           border-width: 2px !important;
       }
       .riHover
       {
           background-color: Yellow !important;
           border-width: 2px !important;
       }
   </style>

Thanks,
Jayesh Goyani

[Ranjani]

HI
Thanks for the reply. will this css affect my other controls and  I am alreading calling another css class for that radnumeric text box will this be affected?

[Princy]

Hello Ranjani,

Above Css will affect the entire RadTextBox in your page. So you can add separate CssClass for each RadTextBox. Here is the sample code.

ASPX:

<telerik:RadTextBox ID="txt" runat="server" ValidationGroup="test" CssClass="Textboxcss">
</telerik:RadTextBox>

CSS:

<style type="text/css">
.Textboxcss:hover
 {
  border-color: Red !important;
 }
</style>

Thanks,
Princy.

[Jayesh Goyani]

Hello Ranjani,

as per princy said it applied to all textbox in your page.

if you want to apply this css to particular textbox then you can do it  to way.

one of them is , which was provided by princy
for other method check below code snippet

<style type="text/css">
        #MyTextContainer .riFocused
        {
            border-color: Red !important;
            border-width: 2px !important;
        }
        #MyTextContainer .riHover
        {
            background-color: Yellow !important;
            border-width: 2px !important;
        }
    </style>

<div id="MyTextContainer">
           <telerik:RadTextBox ID="RadTextBox1" runat="server" Text="jayesh">
           </telerik:RadTextBox>
       </div>
        <div id="Div1">
           <telerik:RadTextBox ID="RadTextBox2" runat="server" Text="jayesh">
           </telerik:RadTextBox>
       </div>

Thanks,
Jayesh Goyani