This is a migrated thread and some comments may be shown as answers.

MonthView Appointment Borders

7 Answers 80 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
L
Top achievements
Rank 1
L asked on 24 Feb 2012, 04:33 AM

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

7 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 24 Feb 2012, 07:03 AM
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.
0
L
Top achievements
Rank 1
answered on 24 Feb 2012, 07:18 AM
hi

The borders itself is not even in its thickness.

what should i do?
0
Ivana
Telerik team
answered on 28 Feb 2012, 03:14 PM
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.
0
L
Top achievements
Rank 1
answered on 28 Feb 2012, 03:27 PM
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>

0
Ivana
Telerik team
answered on 02 Mar 2012, 09:56 AM
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.
0
L
Top achievements
Rank 1
answered on 02 Mar 2012, 03:25 PM
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
0
Ivana
Telerik team
answered on 07 Mar 2012, 09:31 AM
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.
Tags
Scheduler
Asked by
L
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
L
Top achievements
Rank 1
Ivana
Telerik team
Share this question
or