Overlay does not open

[mainawycliffe]

Overlay does not open

[mainawycliffe]

Greetings,

I would love to help, can you send me the lint to the component where you were trying to implement this.

[hhubik]

I think I know what the problem is. Though I don't know yet how to fix it. Your demo code uses bulma. My app uses bootstrap (without jquery) and Angular Material.

After commenting out

      panelClass: ['modal', 'is-active'],
      backdropClass: 'modal-background' // ,

I actually see the overlay background pop up (and go away if I click on it). I don't yet see the expected content, which at the moment is just a string.

The component where I am using the Overlay Service is called ProviderSearchByActionViewComponent.

See the onShowFullInfoDocButtonClicked function at the end of the file.

Though the actual opening of the overlay happens in PtReportConfigurationService.

[mainawycliffe]

Yeah, bootstrap modal css class work a little bit different from bulma css. I can't recall of my head, but let me have a look at how I used to do this.

[hhubik]

Thanks, but I have just managed to solve this by using the Angular Material Dialog component. It appears to do what I need out-of-the-box. I still appreciate your overlay project. It helped me better understand how the overlay works, and that is helpful as the Dialog is based on the Overlay.