cell size

[veronica orozco]

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]

Hi Veronica, 

 

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. 

https://jsplayground.syncfusion.com/22cmoufd 

 

cellHeight: "35px", 

 

td.e-horizontalrestd.e-borderright { 

        width: 100px; 

} 

 

Regards, 

Karthi 

 

[veronica orozco]

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]

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" />

        <Resources>

            <ej:Resources Field="RoomId" Name="Rooms" Title="Room" AllowMultiple="true">

                <ResourceSettings Color="color" Id="id" Text="text"></ResourceSettings>

            </ej:Resources>

            <ej:Resources Field="OwnerId" Name="Owners" Title="Owner" AllowMultiple="true">

                <ResourceSettings Color="color" Id="id" Text="text" GroupId="groupId"></ResourceSettings>

            </ej:Resources>

            <ej:Resources Field="OperationId" Name="Operations" Title="Operations" AllowMultiple="true">

                <ResourceSettings Color="color" Id="id" Text="text" GroupId="groupId" ></ResourceSettings>

            </ej:Resources>

        </Resources>

    <CategorizeSettings  Enable="true" AllowMultiple="true" Id="id" Color="color" FontColor="fontColor" Text="text"></CategorizeSettings>

</ej:Schedule>

function onCreate() {

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

    

}

Attachment: imgconsulta_fa0aad95.7z

[Vinitha Devi Murugan]

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. 

 

http://jsplayground.syncfusion.com/w3cbif5d  

 

Regards, 

M.Vinitha devi 

[veronica orozco]

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

[Karthigeyan Krishnamurthi]

Hi Veronica, 

 

We are happy that our solution fulfilled your requirement. 

 

Please share more details regarding your requirement “option to make invisible” to proceed further. 

 

Regards, 

Karthi 

 

[veronica orozco]

Hi, 

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

thanks

Attachment: agd_synf_1e47ee95.7z

[Vinitha Devi Murugan]

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.  

 

http://jsplayground.syncfusion.com/3t35wdt3 

 

.e-resourceheadertext  { 

      font-size: 11px; 

    } 

 

var schObj = $('#Schedule1').data('ejSchedule'); 

schObj.refreshScroller(); 

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

Regards, 

M.Vinitha devi. 

[veronica orozco]

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

        else

            scheduleObj.element.find("div#" + scheduleObj._id + "_scroller").ejScroller({ scrollTop: (parseInt($(".e-highlightcurrenttimeline").css("top")) - 100) });

    }

[Vinitha Devi Murugan]

Hi Veronica, 

 

Thanks for your update. 

 

We could not able to understand the issue clearly in last post update. Kindly share us more details based on the issue which you facing like demo images/video or issue reproducing sample with clear steps.  We are awaiting to help you better service at our end. 

 

Regards, 

M.Vinitha devi