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

captcha vs .rcRefreshImage style

1 Answer 128 Views

Captcha

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

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

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">

<html xmlns="http://www.w3.org/1999/xhtml">

<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.