I'm in love with the responsive sharepoint and i have issues to implement custom coding to the publishing site with responsive component.
Either i use design manager or WSP solution to apply responsive design. I'd like to use some Jquery effect (e.g. Jquery UI / Owl Carousel), once i follow the step for the corresponding instruction, however once i put those coding at Content Editor Web Part
(with hyperlink to a configure file instead of direct coding to avoid SharePoint to alter the code), the custom coding simply not work, however, if I open the direct link or include it using page viewer webpart, it works without issue. The major issue is page
viewer webpart auto height is not work when the page itself is dynamic.
Sample structure as below
- URL: http://sample/sites/abc/home.aspx
- Jquery UI
/sites/abc/style library/script/jquery.ui (put all files under this directory)
- Script file to include Jquery UI coding
- include all js / css required
- Add CEWP and include the link to /sites/abc/style library/script/jquerysample.html
Load homepage with JS error
Load direct page jquerysample.html, work without issue.
What I believe is there should be some code conflict as responsive masterpage do got lots of css/js but it's quite difficult to know how to debug / resolve in this case. Could anyone share your thought or suggestion to resolve the issue. Thanks.