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

[Solved] RadDateTimePicker issue

1 Answer 106 Views

Calendar

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

1 Answer, 1 is accepted

answered on 08 May 2009, 10:21 AM

Hello Kyle,

Yes, you can reduce the space between the two buttons or use custom smaller images. Here is how:

    
            <%@ Page Language="C#" %> 
        
            <%@ 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"> 
        
            <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
        
            <title>RadControls for ASP.NET AJAX</title> 
        
            <style type="text/css"> 
        
            .MyPicker table td a 
        
            { 
        
                margin:0; 
        
            } 
        
            </style> 
        
            </head> 
        
            <body> 
        
            <form id="form1" runat="server"> 
        
            <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
        
            <p>Default look:</p> 
        
            <telerik:RadDateTimePicker ID="RadDateTimePicker3" runat="server" /> 
        
            <p>Remove buttons side margins:</p> 
        
            <telerik:RadDateTimePicker ID="RadDateTimePicker1" runat="server" CssClass="MyPicker" /> 
        
            <p>Use custom smaller images:</p> 
        
            <telerik:RadDateTimePicker ID="RadDateTimePicker2" runat="server"> 
        
                <DatePopupButton ImageUrl="DateImage.gif" HoverImageUrl="DateHoverImage.gif" /> 
        
                <TimePopupButton ImageUrl="TimeImage.gif" HoverImageUrl="TimeHoverImage.gif" /> 
        
            </telerik:RadDateTimePicker> 
        
            </form> 
        
            </body> 
        
            </html>

All the best,
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.