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

captcha vs .rcRefreshImage style

1 Answer 88 Views
Captcha
This is a migrated thread and some comments may be shown as answers.
xera ee
Top achievements
Rank 1
xera ee asked on 11 Mar 2010, 07:19 AM
  
    <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...

1 Answer, 1 is accepted

Sort by
0
Pero
Telerik team
answered on 12 Mar 2010, 04:28 PM
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.
Tags
Captcha
Asked by
xera ee
Top achievements
Rank 1
Answers by
Pero
Telerik team
Share this question
or