Fixed appointment height, month view.

2 posts, 0 answers
  1. Robert
    Robert avatar
    4 posts
    Member since:
    Dec 2010

    Posted 24 Jan 2014 Link to this post

    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:
    <style type="text/css">  
            .RadScheduler_Default .rsMonthView td.rsCell  
                    height: 150px ;  
                    background: green;  
            .RadScheduler_Default .rsMonthView div.rsWrap
                    height:700px !important;

    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"  />
            <div class="rsAptSubject">
               <%# Eval("Subject") %>
            <%# Eval("Description")%>

    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.
  2. Plamen
    Plamen avatar
    3056 posts

    Posted 29 Jan 2014 Link to this post


    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.

    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.
Back to Top