No user input when loading in a modal

Hi

I have implemented a schedule within my project.

It works great when you are using it from within a standard view, however when i load the view in a modal window the input boxes on the create appointment popover are disabled.

Not disabled in the attribute sense, you are unable to click in the box or type anything.

You are able to create an appointment by clicking on the grid, just unable to set any descriptions.

I am using bootstrap 3.

Do you have ideas as to the cause?

Regards

5 Replies

VS Velmurugan S Syncfusion Team June 12, 2018 04:20 AM UTC

Hi Alex,   
  
Thanks for Contacting Syncfusion Support.   
  
We have analyzed the mentioned scenario and suspect that the reason for the issue might be some customization used in your application. Therefore, we request you to check if any customization CSS style used in your application and which is overwriting the appointment window default CSS to overcome the issue. We have prepared the sample with the mentioned scenario “rendering the Schedule control within the bootstrap model window” and checked the mentioned scenario and able to type description value as shown below and the same prepared sample can be downloaded from the following location.   
   
Screenshot:   
     
   
   
Kindly check with the above sample and suggestion, if you still facing the same issue or if we misunderstood your requirement revert with some more details like custom CSS reference used in your application and error screenshot or reproduce the mentioned issue in the above sample, this information will be more helpful to analyze your reported scenario further and provide you the possible solution.   
  
Regards,   
Velmurugan


AP Alex Power June 13, 2018 10:26 AM UTC

Hi,

Sorry for the misunderstanding ,

I am loading the schedule control within a modal

The user then click a cell which shows the default create appointment popover

I am unable to type in this popover

I can however click the save button which creates the appointment as required, just without a subject field being entered.

I don't override the css for the schedule control at any point, everything is default.

 


VS Velmurugan S Syncfusion Team June 14, 2018 12:09 PM UTC

Hi Alex, 

Thanks for your update. 

We have analyzed the reported scenario based on the given screenshot and we are suspecting that the reason for the issue might be the “readonly” attribute setting to the Schedule quick window Subject element. Therefore, we request you check the subject element (input box) within the quick window contains the readonly attribute as shown below. Also, check in your application if you are setting the readonly attribute to the HTML input element. For your reference, we have prepared the sample with rendering JS1 Schedule control within the modal dialog and appointment creation with Subject value working scenario video demo, which can be downloaded from the following location. 

Screenshot to check the Subject element: 

 



Kindly check with the above sample, video demo and suggestion, if you still facing the same issue revert back to us with some more details like schedule rendering code and issue reproducing video demo or reproduce the mentioned issue in the above sample, this information will be more helpful to analyze your reported scenario further and provide you the possible solution. 
 
Note: Please confirm your platform either ASP.NET Core JS1 or ASP.NET Core JS2. Since, this forum created under the JS2 platform and the shared screenshot in your latest update is related to our JS1 Schedule control. We can provide you the further solution based on desired platform. 
   
Regards,    
Velmurugan 



AP Alex Power July 11, 2018 10:36 AM UTC

Hi,

Apologies for the late reply.

I have reviewed your recommended fix and con confirm that there is no "readonly" attribute on the subject field as you suggested






VS Velmurugan S Syncfusion Team July 12, 2018 12:23 PM UTC

Hi Alex, 
 
We are unable to proceed further on this with the given details, therefore we have created an incident under your direct trac account. Please log on to our support website to check further updates on it and also have a follow-up with it. 
  
 
Regards, 
Velmurugan

Loader.
Up arrow icon