MonthView Appointment Borders

8 posts, 0 answers
  1. L
    L avatar
    298 posts
    Member since:
    Apr 2008

    Posted 23 Feb 2012 Link to this post

    hi

    This is the CSS for the monthview  and how do i have borders around an appointment?

      .rsShowMore
    {
       display: none !important;
    }
         
          .RadScheduler .rsMonthView .rsAptContent
        {
                position: static !important;
                height: auto !important;
               
         }
     .rsMonthView .rsWrap  
         {  
            height: 50px !important;
          
         }  
         .rsMonthView .rsDateWrap  
         {  
            height: 24px !important;
          
         }  
         .rsMonthView .rsLastWrap   
         {  
            height: 24px !important;
           
              
         }  
         .rsMonthView .rsApt  
         {  
            height: 48px !important;
          
         }  

    .RadScheduler .rsMonthView .rsAptContent
    {
        min-height: 35px;
        border:1px;
    }

  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 24 Feb 2012 Link to this post

    Hello,

    Try the following CSS.
    CSS:
    .RadScheduler .rsMonthView .rsAptContent
    {
        border: 1px solid red !important;
        min-height: 35px !important;
        left: -2px !important;
        right:-2px !important;
    }

    Thanks,
    Princy.
  3. L
    L avatar
    298 posts
    Member since:
    Apr 2008

    Posted 24 Feb 2012 Link to this post

    hi

    The borders itself is not even in its thickness.

    what should i do?
  4. Ivana
    Admin
    Ivana avatar
    657 posts

    Posted 28 Feb 2012 Link to this post

    Hello,

    Could you paste here the markup of the RadScheduler control defined on your page?

    All the best,
    Ivana
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  5. L
    L avatar
    298 posts
    Member since:
    Apr 2008

    Posted 28 Feb 2012 Link to this post

    hi Ivana

    This is the markup. Thank you so much.

    <telerik:RadScheduler ID="RadScheduler1" runat="server"  OnAppointmentContextMenuItemClicking="RadScheduler1_AppointmentContextMenuItemClicking"
                  OnAppointmentDataBound="RadScheduler1_AppointmentDataBound" OnClientFormCreated="schedulerFormCreated"
                OnTimeSlotContextMenuItemClicking="RadScheduler1_TimeSlotContextMenuItemClicking"
                    DataEndField="sched_EDateTime" groupby="ResourceGroup"
                    DataKeyField="sched_ID" DataRecurrenceField="RecurrenceRule"
                    DataRecurrenceParentKeyField="RecurrenceParentID" DataSourceID="sdsSchedule"
                    DataStartField="sched_SDateTime"  DataSubjectField="sched_Subject"
                    Skin="Outlook" SelectedView="MonthView"
                    onresourceheadercreated="RadScheduler1_ResourceHeaderCreated" Height="100%"
                    EnableRecurrenceSupport="False" DataDescriptionField="Description"
                    EnableDescriptionField="True" FirstDayOfWeek="Monday"
                    CustomAttributeNames="Hyperlink,AppointmentColor"
                    LastDayOfWeek="Sunday" WorkDayEndTime="22:00:00"
                        AppointmentStyleMode="Default" WorkDayStartTime="09:00:00"
                        DayEndTime="19:00:00" Width="100%"
                        RowHeight="60px" RowHeaderWidth="45px" EnableCustomAttributeEditing="True"
                        StartInsertingInAdvancedForm="True" ShowFullTime="True">
                         <AdvancedForm Modal="true" />
                    <DayView UserSelectable="False" />
                    <MultiDayView WorkDayEndTime="19:00:00" />
                    <MonthView UserSelectable="False" ColumnHeaderDateFormat="dddd"
                        DayHeaderDateFormat="d MMM" FirstDayHeaderDateFormat="ddd, d MMM yyyy"
                        HeaderDateFormat="ddd, d MMM yyyy" />
                    <AppointmentContextMenuSettings EnableDefault="true" />
                <AppointmentContextMenus>
                    <telerik:RadSchedulerContextMenu ID="RadSchedulerAppointmentContextMenu1" runat="server">
                        <Items>
                            <telerik:RadMenuItem Text="Copy" Value="Copy">
                            </telerik:RadMenuItem>
                        </Items>
                    </telerik:RadSchedulerContextMenu>
                </AppointmentContextMenus>
                <TimeSlotContextMenuSettings EnableDefault="true" />
                <TimeSlotContextMenus>
                    <telerik:RadSchedulerContextMenu ID="RadSchedulerTimeslotContextMenu1" runat="server">
                        <Items>
                            <telerik:RadMenuItem Text="Paste" Value="Paste">
                            </telerik:RadMenuItem>
                        </Items>
                    </telerik:RadSchedulerContextMenu>
                </TimeSlotContextMenus>
                     <ResourceHeaderTemplate>
                         <div id="ResourceDiv" style="white-space: normal; text-align:left; height:30px; text-align:center; font-size:12pt; font-weight:bold"  runat="server">
                         <asp:Label ID="ResourceLabel" runat="server" Text="Label"  Font-Size="Medium"  Height="50" ForeColor="Black"></asp:Label>
                         </div>             
                    </ResourceHeaderTemplate>
    <AdvancedForm EnableCustomAttributeEditing="True"></AdvancedForm>
                    <ResourceTypes>
                        <telerik:ResourceType DataSourceID="sdsResourceGroup" KeyField="Resource_ID"
                            Name="ResourceGroup" TextField="Resource_Name"
                            ForeignKeyField="Resource_ID" />
                    </ResourceTypes>
                    <TimelineView NumberOfSlots="6" ColumnHeaderDateFormat="ddd, d MMM yyyy"
                        HeaderDateFormat="ddd, d MMM yyyy" UserSelectable="False" />
                    <WeekView UserSelectable="False" ShowHoursColumn="False"
                        WorkDayEndTime="19:00:00" />
                    <AppointmentTemplate>
        <div>
            <%# Eval("Subject")%>
        </div>
        <div >
            <asp:HyperLink ID="HyperLink2" NavigateUrl='<%# Eval("Hyperlink")%>' runat="server" Target="_blank" ForeColor="#0033CC"><%# Eval("Hyperlink")%></asp:HyperLink> <br /> <%# Eval("Description") %>
    </div>
    </AppointmentTemplate>

                </telerik:RadScheduler>

  6. Ivana
    Admin
    Ivana avatar
    657 posts

    Posted 02 Mar 2012 Link to this post

    Hi,

    I can not reproduce this behavior locally. I have tested the RadScheduler defined just like in the markup you have provided but to no avail. The attached image shows how the appointment template looks like when I test it locally.
    I assume the problem might be caused by some CSS styles defined on the page. Do you have CSS rules on your page which set styles to the appointment template's elements or div element? Also, can  this problem be isolated in a sample page where no CSS is defined? If it can be isolated, I suggest to open a support ticket and send the sample page to us so we will be able to troubleshoot this issue locally.

    Kind regards,
    Ivana
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  7. L
    L avatar
    298 posts
    Member since:
    Apr 2008

    Posted 02 Mar 2012 Link to this post

    hi Ivana

    Is it possible that you paste your CSS here so that i can compare what is wrong with my CSS. Thanks a lot
  8. Ivana
    Admin
    Ivana avatar
    657 posts

    Posted 07 Mar 2012 Link to this post

    Hi,

    I have only the following definition of RadScheduler on my page and no CSS defined:
    <telerik:RadScheduler ID="RadScheduler1" runat="server" EnableDescriptionField="true">
        <AppointmentTemplate>
            <div>
                <%# Eval("Subject")%>
            </div>
            <div>
                <asp:HyperLink ID="HyperLink2" NavigateUrl='#' runat="server" Target="_blank" ForeColor="#0033CC">hello</asp:HyperLink>
                <br />
                <%# Eval("Description") %>
            </div>
        </AppointmentTemplate>
    </telerik:RadScheduler>

    All the best,
    Ivana
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top