diff --git a/dashboard-ui/boxset.html b/dashboard-ui/boxset.html
index ae8d9352c0..ad4f138ff5 100644
--- a/dashboard-ui/boxset.html
+++ b/dashboard-ui/boxset.html
@@ -41,17 +41,13 @@
Gallery
diff --git a/dashboard-ui/scripts/boxset.js b/dashboard-ui/scripts/boxset.js
index 0f9df757fc..8a35a84a79 100644
--- a/dashboard-ui/scripts/boxset.js
+++ b/dashboard-ui/scripts/boxset.js
@@ -59,8 +59,43 @@
$('#itemRatings', page).html(LibraryBrowser.getUserDataIconsHtml(item));
}
+ function renderMovies(page) {
+
+ ApiClient.getItems(Dashboard.getCurrentUserId(), {
+
+ ParentId: getParameterByName('id'),
+ SortBy: "SortName"
+
+ }).done(function (result) {
+
+ var html = LibraryBrowser.getPosterDetailViewHtml({
+ items: result.Items,
+ useAverageAspectRatio: true
+ });
+
+
+ $('#moviesContent', page).html(html);
+ });
+ }
+
$(document).on('pageshow', "#boxsetPage", function () {
- reload(this);
+
+ var page = this;
+
+ reload(page);
+
+ $('#moviesCollapsible', page).on('expand.lazyload', function () {
+
+ renderMovies(page);
+
+ $(this).off('expand.lazyload');
+ });
+
+ }).on('pagehide', "#boxsetPage", function () {
+
+ var page = this;
+
+ $('#moviesCollapsible', page).off('expand.lazyload');
});