When I use the search function of jdownloads the whole layout of my site is broken.
I finally found the code snippet in
components/com_jdownloads/src/View/Search/HtmlView.php
in line 75:
JDHelper::loadRequiredBootstrapAssets($document, true);
When I uncomment this line everything looks fine again.
J 5.4.3
JDownloads 4.1.1
Hi patbe60,
thank you very much for the report.
Could you please describe a little more precisely what you mean by "the whole layout is broken"?
For example:
- does it affect only the jDownloads search page?
- is it mainly the search form/results styling that looks wrong?
- or are other template areas such as columns, modules or menus affected too?
If possible, please also add a screenshot.
That would help a lot to see whether this is a general Bootstrap conflict or a more specific search page styling issue.
Check the attached pics.
Layout okay:
(https://www.panmusic.ch/images/01_correct_layout.png)
Layout broken:
(https://www.panmusic.ch/images/02_broken_layout.png)
It affects only the jDownloads search page.
I have now opted for a different solution:
I made an override of the bootstrap.min.css file in /media/vendor/bootstrap/css/ and then switched all jDownload layouts from Standard Layout 3.9 to Standard Bootstrap 5. This eliminates the need for the correction in the HtmlView.php file.
Hi,
thank you for the feedback and for sharing your solution. :)
In your case, the issue was not caused by the jDownloads search view alone, but by the combination of older Standard Layout 3.9 layouts with the Bootstrap 5 assets loaded in jDownloads 4.1.1.
By overriding the bootstrap.min.css file in /media/vendor/bootstrap/css/ and switching all jDownloads layouts from Standard Layout 3.9 to Standard Bootstrap 5, the layout conflict was resolved and the additional correction in HtmlView.php was no longer required.
So this appears to be a layout compatibility issue with older legacy layouts rather than a general error in jDownloads 4.1.1.