MonthView Appointment Borders

[L]

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;
}

[Princy]

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.

[L]

hi

The borders itself is not even in its thickness.

what should i do?

[Ivana]

Hello,

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

All the best,
Ivana
the Telerik team

[L]

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>

[Ivana]

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

[L]

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

[Ivana]

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