Sidebar Calendar?

Reply

Jose Lema replied on Tue, Jan 23 2007 8:23 PM

rated by 0 users

Many of those sites, I suspect, are single blog sites. As such, they're using the WeblogCalendar control. I believe in CS 2.1 we dropped this control from all the blog themes, but you should be able to drop it into the sidebar and it'll work automagically.

To add the calendar to the [default] blog theme, open Web\Themes\Blogs\[default]\Skins\Skin-BlogSideBar.ascx and add the following:

<div id="WeblogCalendarSideBar">
    <Blog:WeblogCalendar runat="server" />
</div>

Reply

Jose Lema replied on Tue, Jan 23 2007 9:29 PM

rated by 0 users

I don't believe there's a skin file for the weblog calendar control. However, with the div we put in, you should be able to add css targetted to the calendar to your selected themes style.css file.

Reply

PifGadget replied on Thu, Mar 15 2007 8:36 PM

rated by 0 users

I would like to add it to my site's Home page to be able to filter my aggregated posts list by date.

I tried to add the lines to my Default.aspx within a CommonSidebarArea like this:

 
<CS:MPContent id="lcr" runat="server">
  <div>
    <div class="CommonSidebarArea">
      <div class="CommonSidebarContent" id="WeblogCalendarSideBar">
        <Blog:WeblogCalendar runat="server" />
      </div>
      ...
    </div>
    ...
  </div>
</CS:MPContent>

Unfortunately it didn't work. Had an Ooops error.

Can that control work on the Home page?

Thanks in advance for your help.

Reply

M@rco1981 replied on Tue, Apr 17 2007 10:47 AM

rated by 0 users

In CS2007 RTM I have found this "Sidebar Calendar" again...

Reply

M@rco1981 replied on Thu, May 10 2007 1:47 AM

rated by 0 users

To add the calendar to the [default] blog theme, open Web\Themes\Blogs\[default]\theme.Master and add the following:

[Line Number: 201 as an example]

<div class="CommonSidebarArea">
        <CSBlog:WeblogCalendar runat="Server" />
</div>

Reply

vulupe replied on Thu, May 10 2007 6:30 AM

rated by 0 users

I've done that but unfortunatelly nothig happens. Any ideea why?

Here is my theme.master content:

<%@ Master Language="C#" AutoEventWireup="true" MasterPageFile="~/Themes/default/blogs/blogs.master" %>
<%@ Import Namespace="CommunityServer.Components" %>
<%@ Import Namespace="CommunityServer.Blogs.Components" %>

<asp:Content ContentPlaceHolderID="HeaderRegion" runat="server" >
    <CSBlog:ThemeStyle runat="server" Href="~/style/DynamicStyle.aspx" EnsureNotCachedOnPreview="true" />
</asp:Content>

<asp:Content ContentPlaceHolderID="bcr" runat="server">
    <div class="CommonContentArea">
        <CSBlog:WeblogData runat="server" Property="Name" LinkTo="HomePage" Tag="H1" CssClass="CommonTitle" />
        <CSBlog:WeblogData runat="server" Property="Description">
            <LeaderTemplate><div class="CommonContent"><div class="CommonDescription"></LeaderTemplate>
            <TrailerTemplate></div></div></TrailerTemplate>
        </CSBlog:WeblogData>
        <div class="CommonContent">
            <asp:ContentPlaceHolder runat="server" ID="bcr" />
        </div>
    </div>
</asp:Content>

<asp:Content ContentPlaceHolderID="rcr" runat="server">
    <asp:ContentPlaceHolder ID="rcr" runat="Server">
        <div class="CommonSidebar">
        <div class="CommonSidebarArea">
         <div class="CommonSidebarRoundTop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
         <div class="CommonSidebarInnerArea">
                <h4 class="CommonSidebarHeader"><CSControl:ResourceControl runat="server" resourcename="Weblog_BlogLinks_Header" /></h4>
                <div class="CommonSidebarContent">
                    <ul class="CommonSidebarList">
                  <CSBlog:WeblogData runat="server" ResourceName="Weblog_Link_Home" LinkTo="HomePage" Tag="Li" />
               <CSBlog:WeblogData runat="server" ResourceName="Weblog_Link_Contact" LinkTo="ContactForm" Tag="Li" />
               <CSBlog:WeblogData runat="server" ResourceName="Weblog_Link_AboutAuthor" LinkTo="About" Tag="Li" />
               <CSBlog:WeblogData runat="server" ResourceName="Weblog_Link_ControlPanel" LinkTo="PostControlPanel" Tag="Li" />
              </ul>
          </div>
            </div>
         <div class="CommonSidebarRoundBottom"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
        </div>
   
        <%--  Renders to blog owners only. Provides links to the CP/etc --%>
        <CSControl:PlaceHolder runat="server">
            <DisplayConditions><CSBlog:WeblogPermissionCondition runat="server" Permission="Post" /></DisplayConditions>
            <ContentTemplate>
                    <div class="CommonSidebarArea" id="QuickLinks">
                     <div class="CommonSidebarRoundTop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
                     <div class="CommonSidebarInnerArea">
                            <CSControl:ResourceControl runat="server" ResourceName="Weblog_Quick_Content" Tag="H4" CssClass="CommonSidebarHeader" />
                            <div class="CommonSidebarContent">
                                <ul class="CommonSidebarList">
                                    <CSBlog:WeblogData runat="server" LinkTo="PostEditor" ResourceName="Weblog_Quick_Post" Tag="Li" />
                                    <CSMail:MailingListData runat="server" LinkTo="MailingList" ResourceName="Weblog_Link_PostByEmail" Tag="Li" />
                                    <CSBlog:WeblogData runat="server" LinkTo="PostControlPanel" ResourceName="Weblog_Quick_Manage" Tag="Li" />
                                </ul>
                            </div>
                        </div>
                     <div class="CommonSidebarRoundBottom"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
                    </div>              
            </ContentTemplate>
        </CSControl:PlaceHolder>
       
        <div class="CommonSidebarArea">
         <div class="CommonSidebarRoundTop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
         <div class="CommonSidebarInnerArea">
                <h4 class="CommonSidebarHeader"><CSControl:ResourceControl runat="server" ResourceName="Weblog_Subscriptions" /></h4>
                <div class="CommonSidebarContent">
                    <ul class="CommonSidebarList">
                        <CSBlog:WeblogData runat="server" ResourceName="Weblog_Link_Rss" LinkTo="RSS" Tag="Li" />
               <CSBlog:WeblogData runat="server" ResourceName="Weblog_Link_Atom" LinkTo="Atom" Tag="Li" />
               <CSBlog:WeblogData runat="server" ResourceName="Weblog_Link_Rss_AllComments" LinkTo="RssComments" ContainerId="RssComments" Tag="Li" />
               <CSBlog:WeblogSubscriptionForm runat="server" ID="EmailSubscriptionForm"
                   SubscriptionEmailTextBoxId="SectionSubscriptionTextBox"
                   SubscriptionEmailButtonId="SectionSubscriptionButton"
                   SubscriptionDescriptionId="SectionSubscriptionDescription"
                   SubscriptionPanelId="SubscriptionPanel"
                   Tag="li">
                   <FormTemplate>
                       <CSControl:WrappedLiteral runat="server" ID="SectionSubscriptionDescription" cssclass="BlogSubNotification" />
                      
                       <asp:Panel ID="SubscriptionPanel" runat="server">
                       <CSControl:ResourceControl runat="server" ResourceName="Weblog_Email_Subscription_Header" CssClass="BlogSubscriptionItem" />
                       <CSControlefaultButtonTextBox ID="SectionSubscriptionTextBox" runat="server" Text="Your Email Address" ToolTip="Enter your email address"
                           AutoCompleteType="Email" MaxLength="256" Button="SectionSubscriptionButton" CssClass="BlogSubscriptionItem" />
                       <span class="CommonSearchButtonOuter SubscriptionButton"><CSControl:ResourceLinkButton ID="SectionSubscriptionButton" runat="server" CssClass="CommonSearchButton" ValidationGroup="EmailSubscription" /></span>
                       <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" cssclass="validationWarning"
                           validationexpression="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ErrorMessage="Enter valid email"
                           ValidationGroup="EmailSubscription" controltovalidate="SectionSubscriptionTextBox" Display="dynamic" />
                                </asp:Panel>
                   </FormTemplate>
               </CSBlog:WeblogSubscriptionForm>
                    </ul>
                </div>
            </div>
         <div class="CommonSidebarRoundBottom"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
        </div>

        <%-- 
            Most recent X number of posts. This control can be restyled by
            adding an ItemTemplate/etc
        --%>
        <CSBlog:WeblogPostList runat="Server">
            <QueryOverrides PageIndex="0" PageSize="5" Tags="" />
            <HeaderTemplate>
                <div class="CommonSidebarArea" id="RecentPosts">
                 <div class="CommonSidebarRoundTop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
                 <div class="CommonSidebarInnerArea">
                        <h4 class="CommonSidebarHeader"><CSControl:ResourceControl runat="server" resourcename="Weblog_RecentPosts" /></h4>
                        <div class="CommonSidebarContent">
                            <ul class="CommonSidebarList">
            </HeaderTemplate>
            <ItemTemplate>
                <CSBlog:WeblogPostData runat="server" LinkTo="Post" Property="Subject" Tag="Li" />
            </ItemTemplate>
            <FooterTemplate>
                            </ul>
                        </div>
                    </div>
                 <div class="CommonSidebarRoundBottom"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
                </div>
            </FooterTemplate>
        </CSBlog:WeblogPostList>
       
        <%-- This control can not be restyled, but you can control the css and the container elment, css, and id.  --%>
        <CSBlog:TagCloud TagCssClasses="CommonTag6,CommonTag5,CommonTag4,CommonTag3,CommonTag2,CommonTag1" runat="server" IgnoreFilterTags="true" TagCloudCssClass="CommonSidebarTagCloud">
             <LeaderTemplate>
                <div class="CommonSidebarArea">
                 <div class="CommonSidebarRoundTop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
                 <div class="CommonSidebarInnerArea">
                        <CSControl:ResourceControl ResourceName="Weblog_CreateEditBlogPost_Categories" runat="server" Tag="H4" CssClass="CommonSidebarHeader" />
                        <div class="CommonSidebarContent">
            </LeaderTemplate>
            <TrailerTemplate>
                        </div>
                    </div>
                 <div class="CommonSidebarRoundBottom"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
                </div>
            </TrailerTemplate>
        </CSBlog:TagCloud>
     
        <%-- Renders the "news" blurb. No restyling except for container control --%>
        <CSBlog:WeblogData runat="Server" Property="News"> 
            <DisplayConditions>
                <CSBlog:WeblogPropertyValueComparison runat="server" Operator="IsSetOrTrue" ComparisonProperty="News" />
            </DisplayConditions>
            <LeaderTemplate>
                <div class="CommonSidebarArea" id="NewsSidebar">
                    <div class="CommonSidebarRoundTop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
                    <div class="CommonSidebarInnerArea">
                        <div class="CommonSidebarTopRound"><div class="t1"></div><div class="t2"></div><div class="t3"></div><div class="t4"></div></div>
                        <CSControl:ResourceControl ResourceName="Weblog_News" runat="server" Tag="H4" CssClass="CommonSidebarHeader" />
                        <div class="CommonSidebarContent">
            </LeaderTemplate>
            <TrailerTemplate>
                        </div>
                    </div>
                 <div class="CommonSidebarRoundBottom"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
                </div>
            </TrailerTemplate>
        </CSBlog:WeblogData>               
                       
        <%--
            Can be restyled via templates, but since it uses a parent/child relationship and simply displays links
            I doubt most people will do it.
        --%>
        <CSControl:LinkCategoryList runat="Server">
            <ItemTemplate>
                <div class="CommonSidebarArea">
                 <div class="CommonSidebarRoundTop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
                 <div class="CommonSidebarInnerArea">
                        <CSControl:LinkCategoryData runat="server" Property="Name" Tag="H4" CssClass="CommonSidebarHeader" />
                        <div class="CommonSidebarContent">
                            <CSControl:LinkList runat="server" ListCssClass="CommonSidebarList" />
                        </div>
                    </div>
                 <div class="CommonSidebarRoundBottom"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
                </div>
            </ItemTemplate>
        </CSControl:LinkCategoryList>
       
        <%-- Can be restyled with templates --%>
        <CSBlog:ArchiveDataItemList runat="Server">
            <HeaderTemplate>
                <div class="CommonSidebarArea" id="ArchiveSideBar">
                    <div class="CommonSidebarRoundTop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
                    <div class="CommonSidebarInnerArea">
                        <CSControl:ResourceControl runat="server" ResourceName="Weblog_Archive" Tag="H4" CssClass="CommonSidebarHeader" />
                        <div class="CommonSidebarContent">
                            <ul class="CommonSidebarList">
            </HeaderTemplate>
            <ItemTemplate>
                <li><CSBlog:ArchiveDataItemData LinkTo="MonthPage" Property="Date" FormatString="MMMM yyyy" runat="server" /> (<CSBlog:ArchiveDataItemData runat="server" Property="Count" /&gt</li>
            </ItemTemplate>
            <FooterTemplate>
                            </ul>
                        </div>
                    </div>
                 <div class="CommonSidebarRoundBottom"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
                </div>
            </FooterTemplate>
        </CSBlog:ArchiveDataItemList> 
        <div class="CommonSidebarArea">
         <CSBlog:WeblogCalendar runat="Server" />
        </div>
        </div>
    </asp:ContentPlaceHolder>
</asp:Content>

Reply

M@rco1981 replied on Thu, May 10 2007 7:02 AM

rated by 0 users

I've got the same code... Which version of CS 2007 have you got? Sidebar Calendar only is supported by CS 2007 RTM. (not Betas, I think)

Reply

vulupe replied on Thu, May 10 2007 7:06 AM

rated by 0 users

I got it working. I think it was a cache problem and that's why it wasn't showing up. Thanks for helping with this.

I have also modified the code a little, so it fits with the rest of the sidebar:

        <div class="CommonSidebar">
        <div class="CommonSidebarArea">
         <div class="CommonSidebarRoundTop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
         <div class="CommonSidebarInnerArea">
                <h4 class="CommonSidebarHeader">Calendar</h4>
                <div class="CommonSidebarContent">
                     <CSBlog:WeblogCalendar runat="Server" />
  </div>
  </div>
         <div class="CommonSidebarRoundBottom"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
        </div>

Reply

M@rco1981 replied on Thu, May 10 2007 7:21 AM

rated by 0 users

Ok! Thank you for your code!