No hover style when upgrade to Q2

4 posts, 1 answers
  1. Daniel
    Daniel avatar
    184 posts
    Member since:
    Feb 2009

    Posted 15 Jul 2009 Link to this post

    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
  2. Daniel
    Daniel avatar
    184 posts
    Member since:
    Feb 2009

    Posted 15 Jul 2009 Link to this post

    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
  3. Answer
    Dimo
    Admin
    Dimo avatar
    8454 posts

    Posted 16 Jul 2009 Link to this post

    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.
  4. Daniel
    Daniel avatar
    184 posts
    Member since:
    Feb 2009

    Posted 16 Jul 2009 Link to this post

    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
Back to Top