Images not loading

7 posts, 0 answers
  1. newbie
    newbie avatar
    355 posts
    Member since:
    Feb 2008

    Posted 29 Apr 2008 Link to this post

    I have a RadDatePicker on one of my pages.(I have another DatePicker inside the template column of a grid and I see the same issue there)

    The initial datepickerimage loads fine.
    But the popup calendar does not have a background image and the numbers get mixed up with the other controls behind it.
    I am not using a custom skin for DatePicker.

    Please help.

  2. Dimo
    Admin
    Dimo avatar
    8472 posts

    Posted 30 Apr 2008 Link to this post

    Hi,

    If you are using a custom skin for RadGrid, you need to create custom skins with the same name for RadInput and RadCalendar as well. When you register these custom skins (CSS files) on your web page, the datepicker will look OK.

    All the best,
    Dimo
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. newbie
    newbie avatar
    355 posts
    Member since:
    Feb 2008

    Posted 30 Apr 2008 Link to this post

    I have put a custom skin for RadCalendar but it does not help
    My Custom skin for grid is 'Grid.Custom.css' and for calendar is 'Calendar.Custom.css'. I don't see a custom skin for the RadDatePicker in the Telerik Installation folder.Do I need to put one for that too for the Calendar skin to show?

    I have a custom skin for RadInput registered too on the webpage
  4. newbie
    newbie avatar
    355 posts
    Member since:
    Feb 2008

    Posted 30 Apr 2008 Link to this post

    Even though I have the custom skins registered on the page i have not specified my datePicker to use them.
    DatePicker does not have a skin property.
    How would the datepicker know which skins to use.

    How is the custom skin for the grid connected to the datepicker?
  5. newbie
    newbie avatar
    355 posts
    Member since:
    Feb 2008

    Posted 30 Apr 2008 Link to this post

    The way I got it working was by putting a calendar inside RadDatePicker and settings its skin.
    Is that the right approach?
  6. Konstantin Petkov
    Admin
    Konstantin Petkov avatar
    1911 posts

    Posted 01 May 2008 Link to this post

    Hello newbie,

    The DatePicker has a Skin property as well, but you can indeed set the Calendar's Skin to a custom one if required. We've used the same approach here:

    http://www.telerik.com/demos/aspnet/prometheus/Calendar/Examples/Design/Sunny/DefaultCS.aspx

        <head runat="server"
            <link rel="stylesheet" type="text/css" href="Sunny/Calendar.Sunny.css" /> 
            ... 
        </head> 


        <telerik:RadDatePicker id="RadDatePicker1" Runat="server" MinDate="2006-01-01" SelectedDate="2006-12-24" SharedCalendarID="sharedCalendar" Width="100px">                                                                                                         
             <Calendar EnableEmbeddedSkins="false" Skin="Sunny"></Calendar> 
            <DatePopupButton ImageUrl="Sunny/Img/datePickerPopup.gif" HoverImageUrl="Sunny/Img/datePickerPopupHover.gif" />                                                 
        </telerik:RadDatePicker> 

    Regards,
    Konstantin Petkov
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  7. newbie
    newbie avatar
    355 posts
    Member since:
    Feb 2008

    Posted 01 May 2008 Link to this post

    Thanks
    It works fine now.
Back to Top