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

Fixed appointment height, month view.

1 Answer 131 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Robert
Top achievements
Rank 1
Robert asked on 24 Jan 2014, 05:26 PM
I was hoping to use the Scheduler control for something that should be very simple.
I'd like to show a full monthly calendar that takes up most of the webpage and has multi-day entries for trips that are planned.
For example I may have from Mon-Fri a single appointment, and Wed-Fri another appointment for other people.  One would go on top of the other.

So far this part seems to work just fine; however, I want each appointment to have 3 rows of information and thus the height of the appointment should accommodate this.
<Client Visiting>
<City, State, Zip>
<People Visiting>

I tried using the example here, with no luck:
http://www.telerik.com/support/kb/aspnet-ajax/scheduler/how-to-tweak-the-appearance-of-radscheduler-s-cells.aspx
<style type="text/css">  
        .RadScheduler_Default .rsMonthView td.rsCell  
            {  
                height: 150px ;  
                background: green;  
            }  
 
        .RadScheduler_Default .rsMonthView div.rsWrap
            {
                height:80px;
            }
        .RadScheduler_Default
            {   
                height:700px !important;
                   
            }
           
    </style>

And the code for the Scheduler itself:
<telerik:RadScheduler ID="RadScheduler1" runat="server" AllowDelete="False"
    AllowEdit="False" AllowInsert="False" DataDescriptionField="IO Team"
    DataEndField="End" DataKeyField="Start" DataSourceID="SqlDataSource1"
    DataStartField="Start" DataSubjectField="Client" ReadOnly="True"
    SelectedView="MonthView" ShowFooter="False" ShowHoursColumn="False"
    SelectedDate="2014-01-24" CssClass="RadScheduler_Default">
    <MonthView VisibleAppointmentsPerDay="4" MinimumRowHeight="7"  />
    <AppointmentTemplate>
        <div class="rsAptSubject">
           <%# Eval("Subject") %>
        </div>
        <%# Eval("Description")%>
    </AppointmentTemplate>
</telerik:RadScheduler>

Any assistance with what I am missing would be appreciated.
If I'd be better off using another control as well, I wouldn't mind changing... I don't need to add/edit/view details/etc.  This will be used in a fairly simple manner.

1 Answer, 1 is accepted

Sort by
0
Plamen
Telerik team
answered on 29 Jan 2014, 10:58 AM
Hi,

In case you are trying to set the height of all the appointments just setting the RowHeight property of RadScheduler to the desired height should work in your scenario.

Hope that this will be helpful.


Regards,
Plamen
Telerik
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 UI for ASP.NET AJAX, subscribe to the blog feed now.
Tags
Scheduler
Asked by
Robert
Top achievements
Rank 1
Answers by
Plamen
Telerik team
Share this question
or