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

No hover style when upgrade to Q2

3 Answers 91 Views
Input
This is a migrated thread and some comments may be shown as answers.
Daniel
Top achievements
Rank 1
Iron
Daniel asked on 16 Jul 2009, 04:38 AM
Hi. I just upgraded from Q1 (2009_1_527) to Q2 (2009_2_701) RadControls for ASP.NET AJAX. With RadTextBox the hover style is not applied if I have a skin set. This is also happening with the RadDatePicker. Other controls like TextBox and Button have their styles applied (via RadFormDecorator). I tried placing the RadTextBox outside of my project and the style is appied okay. I also disabled the stylesheet that my webapp uses and the styles still aren't been appied. Am I missing something? Is there anything that would be stopping this? Thanks.

Daniel

3 Answers, 1 is accepted

Sort by
0
Daniel
Top achievements
Rank 1
Iron
answered on 16 Jul 2009, 04:50 AM
Okay, this MAY be a bug with your controls. I just removed the RadFormDecorator from my page and the RadTextBox now has the hover style applied. Use the following code to replicate the problem:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="test_Default" %> 
 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">  
<head runat="server">  
    <title></title>  
</head> 
<body> 
    <form id="form1" runat="server">  
    <div> 
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
        </telerik:RadScriptManager> 
        <telerik:RadFormDecorator ID="RadFormDecorator1" Skin="Telerik" DecoratedControls="All" runat="server" /> 
        <telerik:RadTextBox ID="RadTextBox1" Skin="Telerik" runat="server">  
        </telerik:RadTextBox> 
    </div> 
    </form> 
</body> 
</html> 
 

Daniel
0
Accepted
Dimo
Telerik team
answered on 16 Jul 2009, 12:28 PM
Hi Daniel,

As of Q2 2009, RadFormDecorator uses a new mechanism for decorating some of the HTML elements on the page, including buttons and textboxes. As a result, decorating is a lot faster and light (performance wise), but the drawback is that the RadFormDecorator styles override the RadInput styles.

You can enforce the RadInput styles (e.g. the Telerik skin) by adding the following CSS code to your website. Sorry for the inconvenience.


.RadForm.rfdTextbox .RadInput_Telerik .riTextBox[type="text"], 
.RadForm.rfdTextbox .RadInputMgr_Telerik[type="text"
    border:1px solid
    border-color:#8e8e8e #b8b8b8 #b8b8b8 #8e8e8e
    padding:2px 1px 3px
    background:#fff
    color:#000
    font:12px "segoe ui",arial,sans-serif
 
.RadForm.rfdTextbox .RadInput_Telerik .riEmpty[type="text"], 
.RadForm.rfdTextbox .RadInput_Empty_Telerik[type="text"
    color:#8a8a8a
 
.RadForm.rfdTextbox .RadInput_Telerik .riHover[type="text"], 
.RadForm.rfdTextbox .RadInput_Hover_Telerik[type="text"], 
.RadForm.rfdTextbox .RadInput_Telerik .riFocused[type="text"], 
.RadForm.rfdTextbox .RadInput_Focused_Telerik[type="text"
    border-color:#2ebf00 #2bb300 #28a800
 
.RadForm.rfdTextbox .RadInput_Telerik .riRead[type="text"], 
.RadForm.rfdTextbox .RadInput_Read_Telerik[type="text"
    border-color:#d0d0d0
 
.RadForm.rfdTextbox .RadInput_Telerik .riDisabled[type="text"], 
.RadForm.rfdTextbox .RadInput_Disabled_Telerik[type="text"
    border-color:#d0d0d0
    color:#8a8a8a
    cursor:default
 



Kind regards,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Daniel
Top achievements
Rank 1
Iron
answered on 16 Jul 2009, 10:38 PM
Thanks for that Dimo, that worked a treat. The page rendering does seem a little faster now that I pay close attention to it. Do you have a reference to all the styles somewhere on your site?

I'd like to say that I am very pleased with the quality of your support. For me, always quick and accurate. I've already posted several messages in the forum about the Q2 2009 controls and they've been answered within a day.

Daniel
Tags
Input
Asked by
Daniel
Top achievements
Rank 1
Iron
Answers by
Daniel
Top achievements
Rank 1
Iron
Dimo
Telerik team
Share this question
or