+1-888-365-2779
Try Now
More in this section

Forums / Designing with Sitefinity / Skin for Blog Calendar

Skin for Blog Calendar

3 posts, 0 answered
  1. Rob Gaudet
    Rob Gaudet avatar
    16 posts
    Registered:
    27 Nov 2005
    12 Oct 2009
    Link to this post
    I would like to change the appearance of the blog calendar. I am assuming I will need to create a skin for it. However, I am not sure what kind of control this actually is.
  2. Rob Gaudet
    Rob Gaudet avatar
    16 posts
    Registered:
    27 Nov 2005
    12 Oct 2009
    Link to this post
    In fact, all I want to do is change the width of the calendar control. In looking at the RadCalendar skins it appears that the blog calendar I have is using the default skin. It is a perfect match for the site style, just need to make the width a little smaller.
  3. Radoslav Georgiev
    Radoslav Georgiev avatar
    3370 posts
    Registered:
    01 Feb 2016
    13 Oct 2009
    Link to this post
    Hi Rob Gaudet,

    Thank you for using our services.

    You have noticed correctly that the Blog Calendar control is using the RadCalendar. So styling the this control is pretty much the same as styling the RadCalendar. You have several options, here - to define inline styles for the calendar, to add styling rules for the appropriate Calendar CSS classes in your theme, or to redefine the skin of the RadCalendar. The last two options will affect globally all calendar controls on your site. For more information on how to achieve them, please take a look at:
    Controling RadCalendar Appearance
    Controling appearance of RadControls for ASP.NET AJAX in Sitefinity

    The first approach will define appearance only for the Blog Calendar. For this you will need to download the external templates for your version of Sitefinity (if you have not already done so). Then you will need to edit the ~/Sitefinity/ControlTemplates/Blogs/BlogCalendar.ascx and add styles there. Then you will need to map the external template to your Controls Config file with the following:
    <?xml version="1.0" encoding="utf-8"?>
    <controlsConfig>
      <viewMap>
        ...
        <!--Provides user interface for the blog calendar control, which displays the archive of posts in a calendar view.-->
        <viewSettings hostType="Telerik.Blogs.WebControls.BlogCalendar" layoutTemplatePath="~/Sitefinity/ControlTemplates/Blogs/BlogCalendar.ascx" />
        ...
     </viewMap>
    </controlsConfig>

    If you need more information on working with external templates for Sitefinity controls, please take a look at the following article: How to map a view to an external template, in Sitefinity 3.6 or later?

    This should do the trick.

    Kind regards,
    Radoslav Georgiev
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Register for webinar
3 posts, 0 answered