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
close icon

Dialog button issue in Safari browser

Hi,

The add/edit dialog buttons are not working in the apple safari browser. No action happens when it is clicked.

Thanks/

5 Replies

PK Prasanna Kumar Viswanathan Syncfusion Team March 30, 2017 05:11 PM UTC

Hi Ajay, 

Thanks for contacting Syncfusion support. 

Before we proceed with this query, we need some clarifications. 

1. In this you are mentioning add/edit buttons are not working fine. So, here are you mentioning the add/ edit toolbar buttons? 

Find the screenshot.  

 


2. Share the screenshot of buttons.  

Regards, 
Prasanna Kumar N.S.V 



AJ Ajay replied to Prasanna Kumar Viswanathan March 30, 2017 06:11 PM UTC

Hi Ajay, 

Thanks for contacting Syncfusion support. 

Before we proceed with this query, we need some clarifications. 

1. In this you are mentioning add/edit buttons are not working fine. So, here are you mentioning the add/ edit toolbar buttons? 

Find the screenshot.  

 


2. Share the screenshot of buttons.  

Regards, 
Prasanna Kumar N.S.V 


Hi Prasanna,

I'm referring to the Save / Cancel buttons in the Add / Edit popup.



Thanks.


PK Prasanna Kumar Viswanathan Syncfusion Team March 31, 2017 11:55 AM UTC

Hi Ajay, 

We checked in our sample with enable the dialog editing and the Save & cancel buttons has been working fine with the apple safari browser. 

To find out the root cause, we need the following details. 

1. Did you face this issue in a desktop or in Apple IPad or Phone?  

2. Ensure that you have face any script error has been thrown in the console window when click the Save and Cancel Buttons.  

3. Code example of a Grid.  

4. Share the safari browser version.  

5. Essential Studio Version details.  

Note: In our desktop, the safari browser version is 5.1.7(7534.57.2) 

Regards, 
Prasanna Kumar N.S.V 



AJ Ajay April 3, 2017 07:05 PM UTC

1. Did you face this issue in a desktop or in Apple IPad or Phone?  
    
   Issue occurs in both Mac / iPhone

2. Ensure that you have face any script error has been thrown in the console window when click the Save and Cancel Buttons.  

   No errors in console except for few CSS warnings

3. Code example of a Grid.   

    @{Html.EJ().Grid<Exam>("ResultGrid")
                   .Datasource(ds => ds.Json(Model.ResultList).UpdateURL(Url.Action("UpdateResult", "Exam")).Adaptor(AdaptorType.RemoteSaveAdaptor))
                   .Locale("en-IN")
                   .Columns(col =>
                   {
                       col.Field("Id").IsPrimaryKey(true).Visible(false).Add();                    
                       col.Field("Result").HeaderText("Result").TextAlign(TextAlign.Center).Add();
                   })
                   .EditSettings(edit => { edit.AllowEditing().EditMode(EditMode.DialogTemplate).DialogEditorTemplateID("#maintemplate").TitleColumn("AssessmentTypeName"); })
                   .ClientSideEvents(eve => { eve.ActionBegin("begin").EndEdit("endEdit"); })
                   .ToolbarSettings(toolbar =>
                   {
                       toolbar.ShowToolbar().ToolbarItems(items =>
                       {
                           items.AddTool(ToolBarItems.Edit);
                       });
                   })
                   .ScrollSettings(col => { col.Width("auto").Height(396); })
                   .PageSettings(page => page.PrintMode(PrintMode.CurrentPage))
                   .AllowResizeToFit(true)
                   .AllowTextWrap(true)
                   .AllowScrolling()
                   .AllowResizing()
                   .AllowSorting()
                   .AllowPaging()
                   .Render();
        }
    <script id="maintemplate" type="text/x-jsrender">
        <table cellspacing="10">
            <tr>
                <td class="text-right">
                    Result
                </td>
                <td>&nbsp;</td>
                <td class="text-left">
                     <input id="Result" name="Result" type="text" class="e-field e-ejcheckbox valid" style="width:20px;" />         
                </td>
            </tr>                       
        </table>
     </script>

4. Share the safari browser version.  

    Version 10.0.3 (12602.4.8)

5. Essential Studio Version details.  

     
15.1.0.41



PK Prasanna Kumar Viswanathan Syncfusion Team April 4, 2017 10:22 AM UTC

Hi Ajay, 

We created a sample with the attached code example and checked our sample with the Apple IPhone. In Apple IPhone the Save and Cancel buttons are working fine at our end. So, we need the following details to reproduce the issue.  

1. Share the iOS version of the Mac or Apple IPhone.  

2. We checked our sample with the IPhone 5 and we unable to reproduce the mentioned issue. So, please share the model no of the IPhone which you are using.   

3. Please confirm the issue is reproduced with the below JSPlayGround link 


Regards, 
Prasanna Kumar N.S.V 


Loader.
Live Chat Icon For mobile
Up arrow icon