Custom appointment dialog

Hi Alain,

Thanks for your interest in Syncfusion products.

You can customize the appointment window. This can be done by the following steps.

1.Create a custom template for the customized appointment window content.

Please refer the below code snippets.



2.Render the customized window using the Dialog control.

Please refer the below code snippets.

Rendering the customized window using Dialog control--%>
<%=Html.Dialog("ClientAppointmentPopUp")
.TargetControlId("ClientAppointmentWindow")
.Autoformat(Skins.Monochrome)
.AutoOpen(false)
.Width(500)
.Height(500)
.Title("Customized Appointment Window") %>


3.Enable the client side events in schedule to show the customized window.

Please refer the below code snippets.

//enabling the client side events
.EnableClientSideEvents(true)
//To show the appointment window for adding an appointment
.ClientSideOnCellDoubleClick("cellUpDblClick")
//To show the appointment details for the particular appointment
.ClientSideOnAppointmentSelection("showAppointmentDetails")

For more details, please refer the attached sample in the below link.

http://www.syncfusion.com/uploads/redirect.aspx?&team=support&file=ScheduleMvc-346527809.zip

Please let us know if you have any concerns.

regards,
Krishnaraj D

Thanks for your quick reply

It's what i'm looking for.

But another question here.. Is there a way to customize the appointments template in the schedule ? Subject, start time and end time are already shown, but i need to display some other information. Is it possible ?

Thanks and regards

Hi Alain,

We can display our custom information in the customized appointment window by customizing the appointment template as required. But, currently we don't have support to update our custom information in the database. Only the columns (fields) which are bound to schedule can be updated in the database. We will implement this feature in our future releases.

Please let us know if you have any queries.

Regards,
Krishnaraj D

I am using the last version of the component, I want personalize the appointment dialog, but the Method .TargetControlId does not exits. What is the equivalent in this method in the version 9.204.0.138?

Hi Patrick,

Thank you for your interest in Syncfusion products.

We have removed the TargetControlID to avoid the confusion between the dialog 'id' and the 'TargetControlId' for the dialog control in this version (9.1.0.20). This has been removed for the other two JQuery controls 'Accordion' and 'Tabs'. We have added the sample related to your query. Use the below code snippet changes to recover your error. Remove the ‘TargetControlId’ and refer the div element ‘id’ as the Dialog ‘id’.

Old dialog control With Target Control ID



<%=Html.Dialog("ClientAppointmentPopUp")
.TargetControlId("ClientAppointmentWindow")

. . . .
. . . .
%>

Modified Dialog control:



<%=Html.Dialog("ClientAppointmentWindow")

. . . . .
. . . . .
%>

We have prepared the sample for your reference and the same can be downloaded from the following link:

Sample2136482132.zip

Note: For MVC3, switch the configuration manager to Debug-MVC3

Please refer this release notes link for more details

https://s3.amazonaws.com/files2.syncfusion.com/Installs/v9.1.0.20/releasenotes/ui.html#ASPNET-MVC-Tools

Please try this and let us know if you would require any further assistance.

Regards,
Eswari.S