captcha vs .rcRefreshImage style

2 posts, 0 answers
  1. xera ee
    xera ee avatar
    3 posts
    Member since:
    Feb 2010

    Posted 11 Mar 2010 Link to this post

      
        <style type="text/css">        
     .rcRefreshImage 
            { 
                 
                       padding-left: 25px; 
                padding-right: 25px; 
                
           background-image: url(~/Upload/Image/Food/food accueil.jpg); 
           background-color:transparent; 
        
            
            }  
       </style>   
    <telerik:RadCaptcha ID="RadCaptcha1" runat="server" 
                      
            CaptchaLinkButtonText="Refresh" CssClass="rcRefreshImage"  
            EnableRefreshImage="True"
                    </telerik:RadCaptcha> 
     
    why i couldn't insert a image to the link button? by using the rcRfreshImage style class?
    need help tq...
  2. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 12 Mar 2010 Link to this post

    Hi xera,

    The following CSS will display 20x20 image next to the image:

    <style type="text/css">
        .rcRefreshImage
        {
            display: block;
            height: 20px;
            width: 20px;
            background: url('img/customclose.png') no-repeat;
            position: absolute;
            top: 40px;
            left: 200px;
        }
    </style>

    Here is the full source code of the project that I tested:
    <%@ 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">
    <head id="Head1" runat="server">
        <title></title>
        <style type="text/css">
            .rcRefreshImage
            {
                display: block;
                height: 20px;
                width: 20px;
                background: url('img/customclose.png') no-repeat;
                position: absolute;
                top: 40px;
                left: 200px;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
            <Scripts>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            </Scripts>
        </asp:ScriptManager>
        <div>
            <telerik:RadCaptcha ID="RadCaptcha1" runat="server" ErrorMessage="Wrong Input" Width="386px"
                EnableRefreshImage="true" CaptchaLinkButtonText="">
            </telerik:RadCaptcha>
            <asp:Button ID="Button1" runat="server" Text="Validate Input" CausesValidation="true" />
        </div>
        </form>
    </body>
    </html>



    Kind regards,
    Pero
    the Telerik team

    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 Public Issue Tracking system and vote to affect the priority of the items.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top