I created a product diagram using JQuery and JQuery UI dialog boxes (the same dialog boxes that DNN uses), and I put it all in an HTML module. In the HTML Module's settings, I put the CSS for the product diagram in the Header and its JS in the footer. For the product map's HTML, I simply added it using the HTML module's Edit Content button. Functionally, everything works fine; however, the dialog boxes appear un-styled. I thought they would just inherit the styling that DNN uses for its own dialog boxes, but it didn't.
To remedy the issue, within the Header section found in the HTML Module's Settings, I added the JQ UI CSS file and it worked; however it ended up breaking the styles that DNN uses for its own JQ UI assets.
I need to know how I can make the dialog boxes in my HTML module inherit the styling used on DNN's JQ UI dialog boxes.
I wrote my JQuery and JQuery UI using versions 1.9.1 (JQ) and 1.10.3 (JQ UI), but what I wrote should work in all versions.
Thank you in advance,