We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

appointment size

Thread ID:





148332 Oct 15,2019 06:55 PM UTC Oct 16,2019 07:41 AM UTC ASP.NET Web Forms (Classic) 1
Tags: Schedule
veronica orozco
Asked On October 15, 2019 06:55 PM UTC

I am making a query window but the quotation does not fit the size,
This is the code that I have for you

<ej:Schedule runat="server" ID="matrizconuslta" Orientation="Horizontal" Locale="en-US" Width="100%" Height="650px"
     CellWidth="19px" StartHour="7" EndHour="19" ShowQuickWindow="false"
     Views="Day" CurrentView="Day" TimeMode="Hour24" TimeZone="UTC +0:00" ReadOnly="true"
     Create="onCreate" ActionComplete="onCreate" AppointmentTemplateId="#AppointmentTemplate" >
<TooltipSettings Enable="true" TemplateId="#tooltipTemp" />
<TimeScale MinorSlotCount="12" MajorSlot="60" Enable="true" MinorSlotTemplateId="#minorTemplate" MajorSlotTemplateId="#majorTemplate" />
<BlockoutSettings Enable="true" Id="BlockId" Subject="Subject" StartTime="StartTime" EndTime="EndTime"
             IsBlockAppointment="BlockAppointment" ResourceId="ResourceId" GroupId="GroupId"  IsAllDay="FullDay" />
   <Group Resources="Rooms,Owners,Operations" />
            <ej:Resources Field="RoomId" Name="Rooms" Title="Room" AllowMultiple="true">
                <ResourceSettings Color="color" Id="id" Text="text"></ResourceSettings>
            <ej:Resources Field="OwnerId" Name="Owners" Title="Owner" AllowMultiple="true">
                <ResourceSettings Color="color" Id="id" Text="text" GroupId="groupId"></ResourceSettings>
            <ej:Resources Field="OperationId" Name="Operations" Title="Operations" AllowMultiple="true">
                <ResourceSettings Color="color" Id="id" Text="text" GroupId="groupId" ></ResourceSettings>
    <CategorizeSettings  Enable="true" AllowMultiple="true" Id="id" Color="color" FontColor="fontColor" Text="text"></CategorizeSettings>

function onCreate() {

    $("#matrizconuslta").find('*[id*=Appointment_]').height($("#matrizconuslta").find(".e-workcells").height() - 1);

Attachment: imgconsulta_fa0aad95_cd50319b.7z

Vinitha Devi Murugan [Syncfusion]
Replied On October 16, 2019 07:41 AM UTC

Hi Veronica, 
Syncfusion Greetings. 
We have achieved your requirement by using actionComplete event of the scheduler. Kindly try the below sample. 

$(".e-appointment").css("height", $(".e-workcells.e-childworkcell").height() - 8); 
            // app height in day,week and work week will be customized to occupy the whole cell height. Once it is customized rendering another appointment in same slot duration will result in overlap.  
            $(".e-monthappointment").css("height", $(".e-workcells.e-childworkcell").height()); 
            // app height in month will be customized to occupy the whole cell height. Once it is customized, rendering two appointments in a same day for same resource will result in overlap. 
M.Vinitha devi 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon