search

rarebreed / quartermaster

0 stars 0 forks source link

Create a Modal dialog for (Un)registration. #4

Open rarebreed opened 7 years ago

rarebreed commented 7 years ago

So I found this page on how to create modal dialogs:

https://www.w3schools.com/howto/howto_css_modals.asp

The patternfly.css file can be used for the actual styling, but if this pattern requires any javascript code, this needs to be looked at. The problem is that patternfly uses bootstrap which uses jquery. And jquery sometimes modified the DOM, but so do the virtual DOM libraries of all the modern frameworks (react, angular, vue, meteor, cycle, etc). This can create a conflict. It is also why there is a separate bootstrap react project.

More details on why bootstrap doesn't play nice with VDOM using projects: https://scotch.io/tutorials/how-to-correctly-use-bootstrapjs-and-angularjs-together

rarebreed commented 6 years ago

I have a lucidchart diagram of my idea here:

https://www.lucidchart.com/invitations/accept/42c3296b-135e-4bb9-8167-1c3cac3ee994