diff --git a/dashboard-ui/itembynamedetails.html b/dashboard-ui/itembynamedetails.html
new file mode 100644
index 0000000000..6077f40a82
--- /dev/null
+++ b/dashboard-ui/itembynamedetails.html
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
+
diff --git a/dashboard-ui/scripts/itembynamedetailpage.js b/dashboard-ui/scripts/itembynamedetailpage.js
new file mode 100644
index 0000000000..3a5e3480d6
--- /dev/null
+++ b/dashboard-ui/scripts/itembynamedetailpage.js
@@ -0,0 +1,39 @@
+var ItemByNameDetailPage = {
+
+ onPageShow: function () {
+ ItemByNameDetailPage.reload();
+ },
+
+ reload: function () {
+
+ Dashboard.showLoadingMsg();
+
+ var person = getParameterByName('person');
+
+ if (person) {
+ ApiClient.getPerson(person).done(ItemByNameDetailPage.renderItem);
+ return;
+ }
+
+ var studio = getParameterByName('studio');
+
+ if (studio) {
+ ApiClient.getStudio(person).done(ItemByNameDetailPage.renderItem);
+ return;
+ }
+
+ var genre = getParameterByName('genre');
+
+ if (genre) {
+ ApiClient.getGenre(genre).done(ItemByNameDetailPage.renderItem);
+ return;
+ }
+ },
+
+ renderItem: function (item) {
+
+ Dashboard.hideLoadingMsg();
+ }
+};
+
+$(document).on('pageshow', "#itemByNameDetailPage", ItemByNameDetailPage.onPageShow);