jQuery UI Widgets › Forums › Scheduler › jqxScheduler, wrong edit dialog size
This topic contains 3 replies, has 3 voices, and was last updated by admin 6 months, 3 weeks ago.
-
Author
-
I have a problem with the edit dialog size when reopened.
The first time I Open it from context menu the size is correct, but if I close and after I reopen it the size is wrong…If I reload the page the size came back correct
This image is the edit dialog the first time I open it
This image is the edit dialog the others time I open it
Thanks a lot in advance for help me
Hi Luna,
Looking at the images, you seem to be using some additional custom CSS. Part of it is probably causing the issue.
Can you please share an example that we can reproduce?Best Regards,
Ivan Peevski
jQWidgets Team
http://www.jqwidgets.comthanks for the reply!
This is my code, I don’t add custom css…that’s all
$("#div_agenda").jqxScheduler({ date: new $.jqx.date(), width: '100%', height: 1000, source: adapter, view: 'weekView', showLegend: true, localization: localizationobj, editDialog: true, contextMenu: true, editDialogDateTimeFormatString: 'dd-MM-yyyy HH:mm', appointmentDataFields: { date: "dataDa", from: "dataDa", to: "dataA", id: "id", subject: "titolo", description: "informazioni", location: "luogo", tooltip: "tooltip" }, editDialogCreate: function (dialog, fields, editAppointment) { fields.subjectLabel.html("Titolo"); fields.locationLabel.html("Luogo"); fields.fromLabel.html("Inizio"); fields.toLabel.html("Fine"); fields.descriptionLabel.html("Informazioni"); fields.toLabel.html("Fine"); fields.repeatContainer.hide(); fields.statusContainer.hide(); fields.timeZoneContainer.hide(); fields.resourceContainer.hide(); fields.allDayContainer.hide(); fields.colorContainer.hide(); }, editDialogOpen: function (dialog, fields, editAppointment) { //fields.saveButton.click(function() //{ //}); }, editDialogClose: function (dialog, fields, editAppointment) { }, editDialogKeyDown: function (dialog, fields, editAppointment, event) { }, contextMenuCreate: function(menu, settings) { var source = settings.source; source.push({ label: "Elimina evento", id: "delete" }); for (let i = 0; i < source.length; i++) { if(source[i]["id"] == "editAppointment") source[i]["label"] = "Modifica evento"; else if(source[i]["id"] == "createAppointment") source[i]["label"] = "Nuovo evento"; } }, contextMenuItemClick: function (menu, appointment, event) { var args = event.args; switch (args.id) { case "create": $("#div_agenda").jqxScheduler('createAppointment', appointment.id); return true; case "edit": $("#div_agenda").jqxScheduler('editAppointment', appointment.id); return true; case "delete": $("#div_agenda").jqxScheduler('deleteAppointment', appointment.id); return true; } }, contextMenuOpen: function (menu, appointment, event) { if (!appointment) { menu.jqxMenu('hideItem', 'editAppointment'); menu.jqxMenu('hideItem', 'delete'); } else { menu.jqxMenu('showItem', 'createAppointment'); menu.jqxMenu('showItem', 'editAppointment'); menu.jqxMenu('showItem', 'delete'); } }, contextMenuClose: function (menu, appointment, event) { }, ready: function () { $("#div_agenda").jqxScheduler('scrollTop', 420); <?php foreach($listaagendaeventi as $evento) echo "$('#div_agenda').jqxScheduler('setAppointmentProperty', '".$evento['idAgendaEvento']."', 'draggable', false);"; ?> }, views: [ 'dayView', 'weekView', 'monthView' ] });
ps.: I think there is a problem with the forum…I can’t see my post
Hi luna80,
There is some CSS on this page which is in conflict with the Scheduler’s CSS. Our buttons and texts look differently with the default theme of the components.
Best regards,
Peter StoevjQWidgets Team
https://www.jqwidgets.com/ -
AuthorPosts
You must be logged in to reply to this topic.