0
I may have missed something. However, I believe Music Collection as a whole and the Albums Module (mod_muscol_albums) requires the Bootstrap framework.
For the "col-xx-x" class to display multiple results per row, the parent div wrapper needs the "row" class. However, cards.php does not have the "row" class where it would be expected on line 46.
When you add "row" to the div class it corrects this issue.
The end result is that you can have multiple albums displayed per row as expected.
For the "col-xx-x" class to display multiple results per row, the parent div wrapper needs the "row" class. However, cards.php does not have the "row" class where it would be expected on line 46.
<div class="album_search_results" id="results-module-<?php echo $module->id; ?>" is-module="1" data-template="<?php echo $params->get('cardtemplate', 'grid'); ?>" data-spanclass="<?php echo $params->get('albumsperrow', 3); ?>" data-spanclass-detailed="<?php echo $params->get('albumsperrowdetailed', 6); ?>"></div>When you add "row" to the div class it corrects this issue.
<div class="album_search_results row" id="results-module-<?php echo $module->id; ?>" is-module="1" data-template="<?php echo $params->get('cardtemplate', 'grid'); ?>" data-spanclass="<?php echo $params->get('albumsperrow', 3); ?>" data-spanclass-detailed="<?php echo $params->get('albumsperrowdetailed', 6); ?>"></div>The end result is that you can have multiple albums displayed per row as expected.
Accepted Answer
0
I feel like I should add that I am using Bootstrap 4. Perhaps it works better in with previous versions of Boostrap.
I found it a faster and lighter solution to correct it with CSS rather than creating alternate template views. Here is the CSS I used.
I found it a faster and lighter solution to correct it with CSS rather than creating alternate template views. Here is the CSS I used.
#album_search_results, #song_search_results, #artist_search_results, .album_search_results {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
Your Reply
Please login to post a reply
You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here.
Register Here »