Modal

[Me]

Hey,

By creating new dialog controls I need to be able to disable specific parent controls (for instance ejTab) and other dialog controls (which were opened earlier), but not entire app as modal functionality works now. Is there a way to achieve that with Syncfusion components or I need to create something custom?

[Rekha J]

Hi Me, 

 

Thanks for contacting Syncfusion support. 

 

To achieve the requirement, we suggest to use “containment” property of ejDialog. Containment property is used to append the dialog to the selected element. If you have used ejTab as Parent element of ejDialog, you need to disable the ejTab by setting containment property to the ejTab id or class name. 

For your reference, please refer to the below code snippet to achieve this. 

 

<ej-dialog id="dialogA" title="DialogA" [enableResize]="false" [enableModal]="true" width="400" containment=".tab"  [showOnInit]="false">                        

    </ej-dialog> 

 

 

Please refer our online help documentation for containment property. 

https://help.syncfusion.com/api/js/ejdialog#members:containment 

For your reference, we have created a simple sample and the sample is available in: 

http://www.syncfusion.com/downloads/support/forum/129168/ze/Modal_dialog_with_containment899835021.zip 

If this solution is not your requirement, could you please share the details to us, so that we will provide appropriate solution at the earliest. 

 

Regards, 

 

Rekha. 

[Me]

Hello again,

I would like to put Modal on ejTab content, but not entire Tab Panel as user must be able to switch between tabs. From tab panel, there might be buttons (in content) which will rise ejDialog and I want that particular tab content to be disabled while user is in ejDialog. Any way to do that?

[Arun Palaniyandi]

Hi Me, 

                 

Thanks for your update. 

For your scenario, we suggest you to set the containment property as your tab’s id or class. Hence the Dialog’s model will set only to that particular tab. You can also switch between the tabs, since content only disabled. 

We have also modified the previous sample by giving each tab a Button to open a Model Dialog and you can find it in the below link:  

http://www.syncfusion.com/downloads/support/forum/129168/ze/Modal_Dialog-1324961313 

I you still face any issue, please get back to us with more information so that it will help us provide a prompt solution.   

Regards,   

Arun P.