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

cell size

Thread ID:





148242 Oct 11,2019 02:56 AM UTC Oct 17,2019 01:27 PM UTC ASP.NET Web Forms 10
Tags: Schedule
veronica orozco
Asked On October 11, 2019 02:56 AM UTC

good day, I ask there is the option to decrease the size of the cell shown in the attached image

Attachment: sunfum_1cd9fec4.7z

Karthigeyan Krishnamurthi [Syncfusion]
Replied On October 11, 2019 07:05 AM UTC

Syncfusion greetings. 
The resource column height is dependent of cell height which can be customized using cellHeight and kindly use the below CSS to customize the resource column width. 
cellHeight: "35px", 
td.e-horizontalrestd.e-borderright { 
        width: 100px; 

veronica orozco
Replied On October 12, 2019 03:54 AM UTC

Hello, thanks for the answer
but what I want to achieve is to be able to reduce the size of the "parents" resources that are where they are not scheduled so that they do not spend space,
the example is attached

Attachment: syn_6f324399.7z

veronica orozco
Replied On October 12, 2019 09:31 PM UTC

I take the opportunity to ask another question, I am making another query window but the appointment does not fit the size,
this is the code i have 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.7z

Vinitha Devi Murugan [Syncfusion]
Replied On October 14, 2019 12:37 PM UTC

Hi Veronica, 
Thanks for your update. 
We have achieved your requirement by using actionComplete and create event of the scheduler. Kindly refer the below sample. 
M.Vinitha devi 

veronica orozco
Replied On October 14, 2019 03:39 PM UTC

thanks for the answer it served us a lot, there is an option to make invisible

Karthigeyan Krishnamurthi [Syncfusion]
Replied On October 15, 2019 05:39 AM UTC

We are happy that our solution fulfilled your requirement. 
Please share more details regarding your requirement “option to make invisible” to proceed further. 

veronica orozco
Replied On October 15, 2019 06:51 PM UTC

With the solution they provided us, we have a small flaw, since when we lower the vertical scroll, only the bays are moved (we attach an image), then the other option would be to hide the bay


Attachment: agd_synf_1e47ee95.7z

Vinitha Devi Murugan [Syncfusion]
Replied On October 16, 2019 09:12 AM UTC

Hi Veronica, 
Sorry for the inconvenience cause. 
The reported problem was due to the failure to adjust the scroller height due to the change in the height of the resource header. To resolve this, we need to change the height of the scroller in create event using the public refreshScroller method. You also need to adjust the font size of the resource header depending on the height of the cell for the same example we changed below.  
.e-resourceheadertext  { 
      font-size: 11px; 
var schObj = $('#Schedule1').data('ejSchedule'); 

Kindly check the above sample and revert us for further assistance. 

M.Vinitha devi. 

veronica orozco
Replied On October 17, 2019 01:53 AM UTC

sorry but when I was checking, we delete the current time, and the scroll that we had when to move to the current time

var scheduleObj = $("#production").data("ejSchedule");
    var scrollerObj = scheduleObj.element.find('div#' + scheduleObj._id + '_scroller').data("ejScroller");
    if ($(".e-highlightcurrenttimeline").length != 0 && (!ej.isNullOrUndefined(scrollerObj))) {
        if (scheduleObj.model.orientation == "horizontal")
            scheduleObj.element.find("div#" + scheduleObj._id + "_scroller").ejScroller({ scrollLeft: (parseInt($(".e-highlightcurrenttimeline").css("left")) - 100) });
            scheduleObj.element.find("div#" + scheduleObj._id + "_scroller").ejScroller({ scrollTop: (parseInt($(".e-highlightcurrenttimeline").css("top")) - 100) });

Vinitha Devi Murugan [Syncfusion]
Replied On October 17, 2019 01:27 PM UTC

Hi Veronica, 
Thanks for your update. 
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