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

VO veronica orozco 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

VO veronica orozco 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

VD Vinitha Devi Murugan Syncfusion Team 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 

VO veronica orozco October 14, 2019 03:39 PM UTC

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

KK Karthigeyan Krishnamurthi Syncfusion Team 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. 

VO veronica orozco 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

VD Vinitha Devi Murugan Syncfusion Team 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. 

VO veronica orozco 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) });

VD Vinitha Devi Murugan Syncfusion Team October 17, 2019 01:27 PM UTC

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

Live Chat Icon For mobile
Up arrow icon