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:
    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.
  2. Plamen
    Admin
    Plamen avatar
    2733 posts

    Posted 29 Jan 2014 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top