using angularjs in dialog box

[Shalini]

Whenever i try to add footer in dialog box using angularjs

as soon as dialog box opens the footer is shown but when i resize it the footer should come with resizing but it goes down as shown

the code is like this

     $("#basicDialog").ejDialog({

            width: 600,

            height: 620,

            minWidth: 310,

            minHeight: 250,

            close: "onDialogClose",

            // target: ".control",

            enableModal: true,

            showOnInit: false,           

            showFooter: true,

            footerTemplateId: "sup",

            position: { X: 340, Y: 50 },

            enableAnimation: true

        });

       <script id="sup" type="text/x-jsrender">

                            <table width="100%">

                                <tr>

                                    <td style="text-align:left;">

                                        <i id="saw" class="tooltip1" ng-class="class1" ng-click="saw()">

                                            <span class="tooltiptext">{{es}}</span>

                                        </i>

                                    </td>

                                    <td align="right">

                                        <input type="button" value="" onclick="abc()" ng-show="abc1" />

                                        <input type="button" class="btn btn-primary" value="xyz" onclick="xyz()" />

                                    </td>

                                </tr>

                            </table>

                      </script>

herre ng-click nor ng-show works 

Attachment: Screenshots_63f3df75.rar

[Arun Palaniyandi]

Hi Shalini,    

   

Thanks for using Syncfusion Products.    

   

We have analyzed your reported query and screenshot. We have created a sample with the code given and issue is not reproduced while  resizing the Dialog. 

 

http://jsplayground.syncfusion.com/yxlfl0yl 

 

Can you provide more details regarding the issue, 

1. Whether you have done any customization changes in the application wise
2. Facing any script error while resizing?
3. Can you reproduce the issue with the sample given above ?

 

Also as there is no update related to DropDownList in the forum, we couldn’t predict the exact scenario reported in DropDownList with the provided images. It seems , you are rendering dropdown inside grid edit template and if your requirement is to set selected value for DropDownList you can use selectItemByValue or selectItemByText methods of DropDownList. You can also select an item based on its index by using selectedIndex property. If we have misunderstood , kindly share us details on the following so that we can proceed further.  

  

1. Whether you are rendering DropDownList inside Grid edit template. If yes, please provide clear details on the type of template used in your sample.
2. Clear details on your requirement with DropDownList along with product version used in your sample.

 

This information will help to analyze the issue and provide you the appropriate solution.        

   

Regards,    

Arun P.