Angular 2 Wijmo 5 - Multiple modal appearing

Angular 2 Wijmo 5 - Multiple modal appearing

Posted by: feniksreborn on 14 September 2017, 3:09 am EST

• 

  feniksreborn

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 14 September 2017, 3:09 am EST

  Hi,

  I am using Angular 2 with TypeScript in VS 2015. I have managed to show one modal after another, but I have problems with hide option.
  
  I am using wj-popup that contains wj-flex-grid , this is a child component. This child component should update on every @Input changes and it does.
  
  But my idea was to close modal (hide) on item selection , this selection then opens another modal where you can choose another item, after choosing another item, the modal also hides and etc. On every selected item, there is emit from modal to parent component. Everything works fine in the first test, after the first test there is an issue - I can show the first modal, then the second and third modal flicker and does not appear, like it’s hidden. This issue is manifested all the time until the application is restarted.

  It appears that hide is not working correctly, it does not close the modal, modal stays it’s in background.
  
  Do you have some advice or example how to use multiple modal appearing with hide option, emit from modal?

  Best regards,
  
  M

• 

  manish-gupta1

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 3:09 am EST

  Hello,
  
  Please refer to the following demo sample that uses two times popup one after one.
  
  http://demos.wijmo.com/5/Angular2/Explorer/Explorer/#/input/popup

  If the issue persists, please share a demo sample depicting your issue so that we can debug and assist you accordingly.

  Thanks,
  
  Manish Kumar Gupta

• 

  mark.goldin

  • Post Options:
  • Link
    Copy

  Posted 8 December 2019, 7:41 am EST

  Any actual code available for a popup in Angular 2+?

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 8 December 2019, 6:55 pm EST

  Hi Mark,

  You may refer to the following link:

  https://www.grapecity.com/wijmo/demos/Input/Popup/Dialogs/angular

  In the above sample, if you will click on the ‘Login’ button and then click on ‘Don’t have an account yet?’, another popup will open for creating an account.

  Let me know if this was your requirement.

  Regards,
  
  Ashwin

• 

  mark.goldin

  • Post Options:
  • Link
    Copy

  Posted 22 December 2019, 8:07 am EST

  Can we make truly modal so clicking anywhere on the screen will not close the popup?

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 22 December 2019, 9:51 pm EST

  Hi Mark,

  You can set the hideTrigger property of the :

  <wj-popup #frmLoginPopup [hideTrigger]="'Click'">
  ..
  </wj-popup>
  

  ~regards