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

cell size

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

Attachment: sunfum_1cd9fec4.7z

10 Replies

KK Karthigeyan Krishnamurthi Syncfusion Team October 11, 2019 02:05 AM

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; 

VO veronica orozco October 11, 2019 10:54 PM

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

VO veronica orozco October 12, 2019 04:31 PM

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

VD Vinitha Devi Murugan Syncfusion Team October 14, 2019 07:37 AM

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 

VO veronica orozco October 14, 2019 10:39 AM

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

KK Karthigeyan Krishnamurthi Syncfusion Team October 15, 2019 12:39 AM

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

VO veronica orozco October 15, 2019 01:51 PM

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

VD Vinitha Devi Murugan Syncfusion Team October 16, 2019 04:12 AM

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. 

VO veronica orozco October 16, 2019 08:53 PM

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) });

VD Vinitha Devi Murugan Syncfusion Team October 17, 2019 08:27 AM

Hi Veronica, 
Thanks for your update. 
M.Vinitha devi 

Live Chat Icon For mobile
Up arrow icon