diff --git a/css/layout-css/agenda-style.upload.css b/css/layout-css/agenda-style.upload.css
index 5fe9a1f9..ff3724fe 100644
--- a/css/layout-css/agenda-style.upload.css
+++ b/css/layout-css/agenda-style.upload.css
@@ -1056,6 +1056,35 @@
   width: calc(100% - 60px);
 }
 
+.agenda-detail-overlay .file-holder {
+  padding: 0;
+  list-style-type: none;
+}
+
+.agenda-detail-overlay .file-holder li {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: 10px;
+  border-bottom: 1px solid rgba(51,51,51,0.2);
+  cursor: pointer;
+}
+
+.agenda-detail-overlay .file-holder .file-title {
+  padding-top: 5px;
+  font-weight: bold;
+  color: #666;
+}
+
+.agenda-detail-overlay .file-holder .file-icon {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  font-size: 34px;
+  min-width: 30px;
+  color: #666;
+}
+
 .new-agenda-list-container .slide-over .agenda-item-inner-content h2.agenda-item-title,
 .agenda-detail-overlay .agenda-item-inner-content h2.agenda-item-title {
   position: relative;
diff --git a/css/layout-css/news-feed-style.upload.css b/css/layout-css/news-feed-style.upload.css
index 934a2bd7..dd85c071 100644
--- a/css/layout-css/news-feed-style.upload.css
+++ b/css/layout-css/news-feed-style.upload.css
@@ -1436,6 +1436,35 @@ html.ie11 .new-news-feed-list-container .news-feed-list-item:not(.open) .slide-o
   z-index: 13;
 }
 
+.news-feed-detail-overlay-wrapper .file-holder {
+  padding: 0;
+  list-style-type: none;
+}
+
+.news-feed-detail-overlay-wrapper .file-holder li {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: 10px;
+  border-bottom: 1px solid rgba(51,51,51,0.2);
+  cursor: pointer;
+}
+
+.news-feed-detail-overlay-wrapper .file-holder .file-title {
+  padding-top: 5px;
+  font-weight: bold;
+  color: #666;
+}
+
+.news-feed-detail-overlay-wrapper .file-holder .file-icon {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  font-size: 34px;
+  min-width: 30px;
+  color: #666;
+}
+
 .news-feed-detail-overlay-wrapper .news-feed-detail-overlay-close.go-previous-screen {
   font-size: 2em;
 }
diff --git a/css/layout-css/simple-list-style.upload.css b/css/layout-css/simple-list-style.upload.css
index dff21d12..a6c4fb5d 100644
--- a/css/layout-css/simple-list-style.upload.css
+++ b/css/layout-css/simple-list-style.upload.css
@@ -751,6 +751,35 @@ html.ie11 .simple-list-item .list-item-description {
   display: none;
 }
 
+.simple-list-detail-overlay .file-holder {
+  padding: 0;
+  list-style-type: none;
+}
+
+.simple-list-detail-overlay .file-holder li {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: 10px;
+  border-bottom: 1px solid rgba(51,51,51,0.2);
+  cursor: pointer;
+}
+
+.simple-list-detail-overlay .file-holder .file-title {
+  padding-top: 5px;
+  font-weight: bold;
+  color: #666;
+}
+
+.simple-list-detail-overlay .file-holder .file-icon {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  font-size: 34px;
+  min-width: 30px;
+  color: #666;
+}
+
 /* COMMENTS */
 
 .simple-list-comment-panel {
diff --git a/css/layout-css/small-card-style.upload.css b/css/layout-css/small-card-style.upload.css
index 28f2ecef..9ca50fb3 100644
--- a/css/layout-css/small-card-style.upload.css
+++ b/css/layout-css/small-card-style.upload.css
@@ -1194,6 +1194,35 @@
   display: none;
 }
 
+.small-card-details-holder .file-holder {
+  padding: 0;
+  list-style-type: none;
+}
+
+.small-card-details-holder .file-holder li {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: 10px;
+  border-bottom: 1px solid rgba(51,51,51,0.2);
+  cursor: pointer;
+}
+
+.small-card-details-holder .file-holder .file-title {
+  padding-top: 5px;
+  font-weight: bold;
+  color: #666;
+}
+
+.small-card-details-holder .file-holder .file-icon {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  font-size: 34px;
+  min-width: 30px;
+  color: #666;
+}
+
 @media screen and (min-width: 640px) {
   .small-card-detail-overlay .small-card-detail-overlay-wrapper {
     position: absolute;
diff --git a/css/layout-css/small-h-card-style.upload.css b/css/layout-css/small-h-card-style.upload.css
index 31000e85..189d9fd6 100644
--- a/css/layout-css/small-h-card-style.upload.css
+++ b/css/layout-css/small-h-card-style.upload.css
@@ -485,6 +485,35 @@
   z-index: 13;
 }
 
+.small-h-card-detail-overlay-wrapper .file-holder {
+  padding: 0;
+  list-style-type: none;
+}
+
+.small-h-card-detail-overlay-wrapper .file-holder li {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: 10px;
+  border-bottom: 1px solid rgba(51,51,51,0.2);
+  cursor: pointer;
+}
+
+.small-h-card-detail-overlay-wrapper .file-holder .file-title {
+  padding-top: 5px;
+  font-weight: bold;
+  color: #666;
+}
+
+.small-h-card-detail-overlay-wrapper .file-holder .file-icon {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  font-size: 34px;
+  min-width: 30px;
+  color: #666;
+}
+
 .small-h-card-detail-overlay-wrapper .small-h-card-detail-overlay-close.go-previous-screen {
   font-size: 2em;
 }
diff --git a/js/build.templates.js b/js/build.templates.js
index b9b6adb8..d27f51ef 100644
--- a/js/build.templates.js
+++ b/js/build.templates.js
@@ -7,7 +7,7 @@ this["Fliplet"]["Widget"]["Templates"]["templates.build.agenda-base"] = Handleba
 },"useData":true});
 
 this["Fliplet"]["Widget"]["Templates"]["templates.build.agenda-cards-detail"] = Handlebars.template({"compiler":[7,">= 4.0.0"],"main":function(container,depth0,helpers,partials,data) {
-    return "<div class=\"agenda-item-inner-content clearfix\" data-entry-id=\"{{id}}\">\n  <div class=\"agenda-item-content-holder\">\n    {{#if [Title]}}\n    <h2 class=\"agenda-item-title\">{{[Title]}}</h2>\n    {{/if}}\n    <div class=\"agenda-item-session-location\">\n      {{#if [Location]}}\n      <p class=\"agenda-item-location\">{{{[Location]}}}</p>\n      {{/if}}\n      <p class=\"agenda-item-start-date-time\">{{[Start Time]}}{{#ifCond [Start Time] '&&' [End Time]}} - {{/ifCond}}{{[End Time]}}{{#if [Full Date]}} / {{/if}}{{moment [Full Date] format=\"D MMM YYYY\"}}</p>\n    </div>\n\n    <div class=\"agenda-item-bookmark {{#if agendaButtonsEnabled}}more-buttons{{/if}}\">\n      <div class=\"agenda-item-bookmark-holder agenda-item-bookmark-holder-{{id}}\">\n        <div class=\"bookmark-wrapper btn-bookmark\">\n          <i class=\"fa fa-bookmark-o\"></i>Bookmark\n        </div>\n        <div class=\"bookmark-wrapper btn-bookmarked\">\n          <i class=\"fa fa-bookmark\"></i>Bookmarked\n        </div>\n\n        <div class=\"agenda-item-add-agenda\"></div>\n      </div>\n      {{#if pollButton}}\n      <div class=\"go-to-poll session-button\">\n        <i class=\"fa fa-pie-chart\"></i>Poll\n      </div>\n      {{/if}}\n      {{#if surveyButton}}\n      <div class=\"go-to-survey session-button\">\n        <i class=\"fa fa-pencil-square-o\"></i>Survey\n      </div>\n      {{/if}}\n      {{#if questionsButton}}\n      <div class=\"go-to-questions session-button\">\n        <i class=\"fa fa-question-circle-o\"></i>Questions\n      </div>\n      {{/if}}\n    </div>\n\n    <div class=\"agenda-item-description\">\n      {{#each entryDetails}}\n        <!-- Image template -->\n        {{#ifCond type '==' 'image'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"agenda-item-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"agenda-item-detail-body-text\">\n              <img src=\"{{validateImage content}}\">\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Plain text template -->\n        {{#ifCond type '==' 'text'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"agenda-item-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"agenda-item-detail-body-text\">{{content}}</div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- HTML template -->\n        {{#ifCond type '==' 'html'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"agenda-item-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"agenda-item-detail-body-text\">{{{auth content}}}</div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- URL template -->\n        {{#ifCond type '==' 'url'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"agenda-item-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"agenda-item-detail-body-text\">\n              <a href=\"{{{auth content}}}\" target=\"_blank\">Tap to open</a>\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Telephone template -->\n        {{#ifCond type '==' 'tel'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"agenda-item-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"agenda-item-detail-body-text\">\n              <a href=\"tel:{{removeSpaces content}}\" target=\"_blank\">{{content}}</a>\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Email template -->\n        {{#ifCond type '==' 'mail'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"agenda-item-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"agenda-item-detail-body-text\">\n              <a href=\"mailto:{{content}}\" target=\"_blank\">{{content}}</a>\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Date template -->\n        {{#ifCond type '==' 'date'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"agenda-item-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"agenda-item-detail-body-text\">{{formatDate content}}</div>\n          {{/if}}\n        {{/ifCond}}\n\n      {{/each}}\n    </div>\n\n    {{#ifCond editEntry '||' deleteEntry}}\n    <div class=\"dynamic-list-controls\">\n      {{#if editEntry}}\n      <div class=\"btn btn-default dynamic-list-edit-item\">Edit</div>\n      {{/if}}\n      {{#if deleteEntry}}\n      <div class=\"btn btn-danger dynamic-list-delete-item\">Delete</div>\n      {{/if}}\n    </div>\n    {{/ifCond}}\n  </div>\n</div>";
+    return "<div class=\"agenda-item-inner-content clearfix\" data-entry-id=\"{{id}}\">\n  <div class=\"agenda-item-content-holder\">\n    {{#if [Title]}}\n    <h2 class=\"agenda-item-title\">{{[Title]}}</h2>\n    {{/if}}\n    <div class=\"agenda-item-session-location\">\n      {{#if [Location]}}\n      <p class=\"agenda-item-location\">{{{[Location]}}}</p>\n      {{/if}}\n      <p class=\"agenda-item-start-date-time\">{{[Start Time]}}{{#ifCond [Start Time] '&&' [End Time]}} - {{/ifCond}}{{[End Time]}}{{#if [Full Date]}} / {{/if}}{{moment [Full Date] format=\"D MMM YYYY\"}}</p>\n    </div>\n\n    <div class=\"agenda-item-bookmark {{#if agendaButtonsEnabled}}more-buttons{{/if}}\">\n      <div class=\"agenda-item-bookmark-holder agenda-item-bookmark-holder-{{id}}\">\n        <div class=\"bookmark-wrapper btn-bookmark\">\n          <i class=\"fa fa-bookmark-o\"></i>Bookmark\n        </div>\n        <div class=\"bookmark-wrapper btn-bookmarked\">\n          <i class=\"fa fa-bookmark\"></i>Bookmarked\n        </div>\n\n        <div class=\"agenda-item-add-agenda\"></div>\n      </div>\n      {{#if pollButton}}\n      <div class=\"go-to-poll session-button\">\n        <i class=\"fa fa-pie-chart\"></i>Poll\n      </div>\n      {{/if}}\n      {{#if surveyButton}}\n      <div class=\"go-to-survey session-button\">\n        <i class=\"fa fa-pencil-square-o\"></i>Survey\n      </div>\n      {{/if}}\n      {{#if questionsButton}}\n      <div class=\"go-to-questions session-button\">\n        <i class=\"fa fa-question-circle-o\"></i>Questions\n      </div>\n      {{/if}}\n    </div>\n\n    <div class=\"agenda-item-description\">\n      {{#each entryDetails}}\n        <!-- Image template -->\n        {{#ifCond type '==' 'image'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"agenda-item-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"agenda-item-detail-body-text\">\n              <img src=\"{{validateImage content}}\">\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Plain text template -->\n        {{#ifCond type '==' 'text'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"agenda-item-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"agenda-item-detail-body-text\">{{content}}</div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- HTML template -->\n        {{#ifCond type '==' 'html'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"agenda-item-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"agenda-item-detail-body-text\">{{{auth content}}}</div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- URL template -->\n        {{#ifCond type '==' 'url'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"agenda-item-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"agenda-item-detail-body-text\">\n              <a href=\"{{{auth content}}}\" target=\"_blank\">Tap to open</a>\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Telephone template -->\n        {{#ifCond type '==' 'tel'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"agenda-item-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"agenda-item-detail-body-text\">\n              <a href=\"tel:{{removeSpaces content}}\" target=\"_blank\">{{content}}</a>\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Email template -->\n        {{#ifCond type '==' 'mail'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"agenda-item-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"agenda-item-detail-body-text\">\n              <a href=\"mailto:{{content}}\" target=\"_blank\">{{content}}</a>\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Date template -->\n        {{#ifCond type '==' 'date'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"agenda-item-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"agenda-item-detail-body-text\">{{formatDate content}}</div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- File template -->\n        {{#ifCond type '==' 'file'}}\n          {{#if content}}\n            <ul class=\"file-holder\">\n              {{#if labelEnabled}}\n                <div class=\"agenda-item-detail-label\">{{label}}</div>\n              {{/if}}\n              {{#each content}}\n                <li id=\"file-item\">\n                  <div class=\"file-title\">{{formatFilename this}}</div>\n                  <input type=\"hidden\" value={{this}}>\n                  <div class=\"file-icon\">\n                    <i class=\"fa fa-angle-right\"></i>\n                  </div>\n                </li>\n              {{/each}}\n            </ul>\n          {{/if}}\n        {{/ifCond}}\n\n      {{/each}}\n    </div>\n\n    {{#ifCond editEntry '||' deleteEntry}}\n    <div class=\"dynamic-list-controls\">\n      {{#if editEntry}}\n      <div class=\"btn btn-default dynamic-list-edit-item\">Edit</div>\n      {{/if}}\n      {{#if deleteEntry}}\n      <div class=\"btn btn-danger dynamic-list-delete-item\">Delete</div>\n      {{/if}}\n    </div>\n    {{/ifCond}}\n  </div>\n</div>";
 },"useData":true});
 
 this["Fliplet"]["Widget"]["Templates"]["templates.build.agenda-cards-loop"] = Handlebars.template({"compiler":[7,">= 4.0.0"],"main":function(container,depth0,helpers,partials,data) {
@@ -35,7 +35,7 @@ this["Fliplet"]["Widget"]["Templates"]["templates.build.news-feed-comment"] = Ha
 },"useData":true});
 
 this["Fliplet"]["Widget"]["Templates"]["templates.build.news-feed-detail"] = Handlebars.template({"compiler":[7,">= 4.0.0"],"main":function(container,depth0,helpers,partials,data) {
-    return "<div class=\"news-feed-details-content-holder\" data-entry-id=\"{{id}}\">\n  {{#if [Image]}}\n  <div class=\"news-feed-list-detail-image-wrapper\">\n    <img src=\"{{validateImage [Image]}}\">\n  </div>\n  {{/if}}\n  <div class=\"news-feed-list-detail-content-scroll-wrapper\">\n    <div class=\"news-feed-item-inner-content\">\n      <div class=\"news-feed-info-holder {{#ifCond [Date] '||' [Categories]}}has-date-category{{/ifCond}}\">\n        {{#ifCond [Date] '||' [Categories]}}\n        <div class=\"news-feed-date-category\">{{formatDate [Date]}} {{#ifCond [Date] '&&' [Categories]}}/{{/ifCond}} {{[Categories]}}</div>\n        {{/ifCond}}\n        {{#if likesEnabled}}\n        <div class=\"news-feed-like-holder news-feed-like-holder-{{id}}\">\n          <div class=\"news-feed-like-wrapper btn-like\">\n            <span class=\"count\"></span><i class=\"fa fa-heart-o fa-lg\"></i>\n          </div>\n          <div class=\"news-feed-like-wrapper btn-liked\">\n            <span class=\"count\"></span><i class=\"fa fa-heart fa-lg animated bounceIn\"></i>\n          </div>\n        </div>\n        {{/if}}\n\n        {{#if bookmarksEnabled}}\n        <div class=\"news-feed-bookmark-holder news-feed-bookmark-holder-{{id}}\">\n          <div class=\"news-feed-bookmark-wrapper btn-bookmark\">\n            <i class=\"fa fa-bookmark-o fa-lg\"></i>\n          </div>\n          <div class=\"news-feed-bookmark-wrapper btn-bookmarked\">\n            <i class=\"fa fa-bookmark fa-lg animated fadeIn\"></i>\n          </div>\n        </div>\n        {{/if}}\n\n        {{#if commentsEnabled}}\n        <div class=\"news-feed-comment-holder news-feed-comemnt-holder-{{id}}\">\n          <!-- Like button will be here -->\n          <!-- Like placeholder -->\n          <i class=\"fa fa-comment-o fa-lg comment-placeholder\"></i>\n        </div>\n        {{/if}}\n      </div>\n      {{#if [Title]}}\n      <h2 class=\"news-feed-item-title\">{{[Title]}}</h2>\n      {{/if}}\n      {{#if [Content]}}\n      <div class=\"news-feed-item-description\">\n        {{{auth [Content]}}}\n      </div>\n      {{/if}}\n      <div class=\"news-feed-details-holder\">\n        {{#each entryDetails}}\n          <!-- Image template -->\n          {{#ifCond type '==' 'image'}}\n            {{#if content}}\n              {{#if labelEnabled}}\n              <div class=\"news-feed-detail-label\">{{label}}</div>\n              {{/if}}\n\n              <div class=\"news-feed-detail-value\">\n                <img src=\"{{validateImage content}}\">\n              </div>\n            {{/if}}\n          {{/ifCond}}\n\n          <!-- Plain text template -->\n          {{#ifCond type '==' 'text'}}\n            {{#if content}}\n              {{#if labelEnabled}}\n              <div class=\"news-feed-detail-label\">{{label}}</div>\n              {{/if}}\n\n              <div class=\"news-feed-detail-value\">{{content}}</div>\n            {{/if}}\n          {{/ifCond}}\n\n          <!-- HTML template -->\n          {{#ifCond type '==' 'html'}}\n            {{#if content}}\n              {{#if labelEnabled}}\n              <div class=\"news-feed-detail-label\">{{label}}</div>\n              {{/if}}\n\n              <div class=\"news-feed-detail-value\">{{{auth content}}}</div>\n            {{/if}}\n          {{/ifCond}}\n\n          <!-- URL template -->\n          {{#ifCond type '==' 'url'}}\n            {{#if content}}\n              {{#if labelEnabled}}\n              <div class=\"news-feed-detail-label\">{{label}}</div>\n              {{/if}}\n\n              <div class=\"news-feed-detail-value\">\n                <a href=\"{{{auth content}}}\" target=\"_blank\">Tap to open</a>\n              </div>\n            {{/if}}\n          {{/ifCond}}\n\n          <!-- Telephone template -->\n          {{#ifCond type '==' 'tel'}}\n            {{#if content}}\n              {{#if labelEnabled}}\n              <div class=\"news-feed-detail-label\">{{label}}</div>\n              {{/if}}\n\n              <div class=\"news-feed-detail-value\">\n                <a href=\"tel:{{removeSpaces content}}\" target=\"_blank\">{{content}}</a>\n              </div>\n            {{/if}}\n          {{/ifCond}}\n\n          <!-- Email template -->\n          {{#ifCond type '==' 'mail'}}\n            {{#if content}}\n              {{#if labelEnabled}}\n              <div class=\"news-feed-detail-label\">{{label}}</div>\n              {{/if}}\n\n              <div class=\"news-feed-detail-value\">\n                <a href=\"mailto:{{content}}\" target=\"_blank\">{{content}}</a>\n              </div>\n            {{/if}}\n          {{/ifCond}}\n\n          <!-- Date template -->\n          {{#ifCond type '==' 'date'}}\n            {{#if content}}\n              {{#if labelEnabled}}\n              <div class=\"news-feed-detail-label\">{{label}}</div>\n              {{/if}}\n\n              <div class=\"news-feed-detail-value\">{{formatDate content}}</div>\n            {{/if}}\n          {{/ifCond}}\n\n        {{/each}}\n      </div>\n      <div class=\"news-feed-inner-holder {{#ifCond editEntry '||' deleteEntry}}has-edit-controls{{/ifCond}}\">\n        {{#ifCond editEntry '||' deleteEntry}}\n        <div class=\"dynamic-list-controls\">\n          {{#if editEntry}}\n          <div class=\"btn btn-default dynamic-list-edit-item\">Edit</div>\n          {{/if}}\n          {{#if deleteEntry}}\n          <div class=\"btn btn-danger dynamic-list-delete-item\">Delete</div>\n          {{/if}}\n        </div>\n        {{/ifCond}}\n        {{#if commentsEnabled}}\n        <div class=\"news-feed-comment-holder news-feed-comemnt-holder-{{id}}\">\n          <!-- Like button will be here -->\n          <!-- Like placeholder -->\n          <i class=\"fa fa-comment-o fa-lg comment-placeholder\"></i>\n        </div>\n        {{/if}}\n      </div>\n    </div>\n  </div>\n</div>";
+    return "<div class=\"news-feed-details-content-holder\" data-entry-id=\"{{id}}\">\n  {{#if [Image]}}\n  <div class=\"news-feed-list-detail-image-wrapper\">\n    <img src=\"{{validateImage [Image]}}\">\n  </div>\n  {{/if}}\n  <div class=\"news-feed-list-detail-content-scroll-wrapper\">\n    <div class=\"news-feed-item-inner-content\">\n      <div class=\"news-feed-info-holder {{#ifCond [Date] '||' [Categories]}}has-date-category{{/ifCond}}\">\n        {{#ifCond [Date] '||' [Categories]}}\n        <div class=\"news-feed-date-category\">{{formatDate [Date]}} {{#ifCond [Date] '&&' [Categories]}}/{{/ifCond}} {{[Categories]}}</div>\n        {{/ifCond}}\n        {{#if likesEnabled}}\n        <div class=\"news-feed-like-holder news-feed-like-holder-{{id}}\">\n          <div class=\"news-feed-like-wrapper btn-like\">\n            <span class=\"count\"></span><i class=\"fa fa-heart-o fa-lg\"></i>\n          </div>\n          <div class=\"news-feed-like-wrapper btn-liked\">\n            <span class=\"count\"></span><i class=\"fa fa-heart fa-lg animated bounceIn\"></i>\n          </div>\n        </div>\n        {{/if}}\n\n        {{#if bookmarksEnabled}}\n        <div class=\"news-feed-bookmark-holder news-feed-bookmark-holder-{{id}}\">\n          <div class=\"news-feed-bookmark-wrapper btn-bookmark\">\n            <i class=\"fa fa-bookmark-o fa-lg\"></i>\n          </div>\n          <div class=\"news-feed-bookmark-wrapper btn-bookmarked\">\n            <i class=\"fa fa-bookmark fa-lg animated fadeIn\"></i>\n          </div>\n        </div>\n        {{/if}}\n\n        {{#if commentsEnabled}}\n        <div class=\"news-feed-comment-holder news-feed-comemnt-holder-{{id}}\">\n          <!-- Like button will be here -->\n          <!-- Like placeholder -->\n          <i class=\"fa fa-comment-o fa-lg comment-placeholder\"></i>\n        </div>\n        {{/if}}\n      </div>\n      {{#if [Title]}}\n      <h2 class=\"news-feed-item-title\">{{[Title]}}</h2>\n      {{/if}}\n      {{#if [Content]}}\n      <div class=\"news-feed-item-description\">\n        {{{auth [Content]}}}\n      </div>\n      {{/if}}\n      <div class=\"news-feed-details-holder\">\n        {{#each entryDetails}}\n          <!-- Image template -->\n          {{#ifCond type '==' 'image'}}\n            {{#if content}}\n              {{#if labelEnabled}}\n              <div class=\"news-feed-detail-label\">{{label}}</div>\n              {{/if}}\n\n              <div class=\"news-feed-detail-value\">\n                <img src=\"{{validateImage content}}\">\n              </div>\n            {{/if}}\n          {{/ifCond}}\n\n          <!-- Plain text template -->\n          {{#ifCond type '==' 'text'}}\n            {{#if content}}\n              {{#if labelEnabled}}\n              <div class=\"news-feed-detail-label\">{{label}}</div>\n              {{/if}}\n\n              <div class=\"news-feed-detail-value\">{{content}}</div>\n            {{/if}}\n          {{/ifCond}}\n\n          <!-- HTML template -->\n          {{#ifCond type '==' 'html'}}\n            {{#if content}}\n              {{#if labelEnabled}}\n              <div class=\"news-feed-detail-label\">{{label}}</div>\n              {{/if}}\n\n              <div class=\"news-feed-detail-value\">{{{auth content}}}</div>\n            {{/if}}\n          {{/ifCond}}\n\n          <!-- URL template -->\n          {{#ifCond type '==' 'url'}}\n            {{#if content}}\n              {{#if labelEnabled}}\n              <div class=\"news-feed-detail-label\">{{label}}</div>\n              {{/if}}\n\n              <div class=\"news-feed-detail-value\">\n                <a href=\"{{{auth content}}}\" target=\"_blank\">Tap to open</a>\n              </div>\n            {{/if}}\n          {{/ifCond}}\n\n          <!-- Telephone template -->\n          {{#ifCond type '==' 'tel'}}\n            {{#if content}}\n              {{#if labelEnabled}}\n              <div class=\"news-feed-detail-label\">{{label}}</div>\n              {{/if}}\n\n              <div class=\"news-feed-detail-value\">\n                <a href=\"tel:{{removeSpaces content}}\" target=\"_blank\">{{content}}</a>\n              </div>\n            {{/if}}\n          {{/ifCond}}\n\n          <!-- Email template -->\n          {{#ifCond type '==' 'mail'}}\n            {{#if content}}\n              {{#if labelEnabled}}\n              <div class=\"news-feed-detail-label\">{{label}}</div>\n              {{/if}}\n\n              <div class=\"news-feed-detail-value\">\n                <a href=\"mailto:{{content}}\" target=\"_blank\">{{content}}</a>\n              </div>\n            {{/if}}\n          {{/ifCond}}\n\n          <!-- Date template -->\n          {{#ifCond type '==' 'date'}}\n            {{#if content}}\n              {{#if labelEnabled}}\n              <div class=\"news-feed-detail-label\">{{label}}</div>\n              {{/if}}\n\n              <div class=\"news-feed-detail-value\">{{formatDate content}}</div>\n            {{/if}}\n          {{/ifCond}}\n\n          <!-- File template -->\n          {{#ifCond type '==' 'file'}}\n            {{#if content}}\n              <ul class=\"file-holder\">\n                {{#if labelEnabled}}\n                  <div class=\"news-feed-detail-label\">{{label}}</div>\n                {{/if}}\n                {{#each content}}\n                  <li id=\"file-item\">\n                    <div class=\"file-title\">{{formatFilename this}}</div>\n                    <input type=\"hidden\" value={{this}}>\n                    <div class=\"file-icon\">\n                      <i class=\"fa fa-angle-right\"></i>\n                    </div>\n                  </li>\n                {{/each}}\n              </ul>\n            {{/if}}\n          {{/ifCond}}\n\n        {{/each}}\n      </div>\n      <div class=\"news-feed-inner-holder {{#ifCond editEntry '||' deleteEntry}}has-edit-controls{{/ifCond}}\">\n        {{#ifCond editEntry '||' deleteEntry}}\n        <div class=\"dynamic-list-controls\">\n          {{#if editEntry}}\n          <div class=\"btn btn-default dynamic-list-edit-item\">Edit</div>\n          {{/if}}\n          {{#if deleteEntry}}\n          <div class=\"btn btn-danger dynamic-list-delete-item\">Delete</div>\n          {{/if}}\n        </div>\n        {{/ifCond}}\n        {{#if commentsEnabled}}\n        <div class=\"news-feed-comment-holder news-feed-comemnt-holder-{{id}}\">\n          <!-- Like button will be here -->\n          <!-- Like placeholder -->\n          <i class=\"fa fa-comment-o fa-lg comment-placeholder\"></i>\n        </div>\n        {{/if}}\n      </div>\n    </div>\n  </div>\n</div>";
 },"useData":true});
 
 this["Fliplet"]["Widget"]["Templates"]["templates.build.news-feed-filters"] = Handlebars.template({"compiler":[7,">= 4.0.0"],"main":function(container,depth0,helpers,partials,data) {
@@ -63,7 +63,7 @@ this["Fliplet"]["Widget"]["Templates"]["templates.build.simple-list-comment"] =
 },"useData":true});
 
 this["Fliplet"]["Widget"]["Templates"]["templates.build.simple-list-detail"] = Handlebars.template({"compiler":[7,">= 4.0.0"],"main":function(container,depth0,helpers,partials,data) {
-    return "<div class=\"simple-list-details-holder\" data-entry-id=\"{{id}}\">\n  {{#each data}}\n    <!-- Image template -->\n    {{#ifCond type '==' 'image'}}\n      {{#if content}}\n        {{#if labelEnabled}}\n        <div class=\"simple-list-detail-label\">{{label}}</div>\n        {{/if}}\n\n        <div class=\"simple-list-detail-value\">\n          <img src=\"{{validateImage content}}\">\n        </div>\n      {{/if}}\n    {{/ifCond}}\n\n    <!-- Plain text template -->\n    {{#ifCond type '==' 'text'}}\n      {{#if content}}\n        {{#if labelEnabled}}\n        <div class=\"simple-list-detail-label\">{{label}}</div>\n        {{/if}}\n\n        <div class=\"simple-list-detail-value\">{{content}}</div>\n      {{/if}}\n    {{/ifCond}}\n\n    <!-- HTML template -->\n    {{#ifCond type '==' 'html'}}\n      {{#if content}}\n        {{#if labelEnabled}}\n        <div class=\"simple-list-detail-label\">{{label}}</div>\n        {{/if}}\n\n        <div class=\"simple-list-detail-value\">{{{auth content}}}</div>\n      {{/if}}\n    {{/ifCond}}\n\n    <!-- URL template -->\n    {{#ifCond type '==' 'url'}}\n      {{#if content}}\n        {{#if labelEnabled}}\n        <div class=\"simple-list-detail-label\">{{label}}</div>\n        {{/if}}\n\n        <div class=\"simple-list-detail-value\">\n          <a href=\"{{{auth content}}}\" target=\"_blank\">Tap to open</a>\n        </div>\n      {{/if}}\n    {{/ifCond}}\n\n    <!-- Telephone template -->\n    {{#ifCond type '==' 'tel'}}\n      {{#if content}}\n        {{#if labelEnabled}}\n        <div class=\"simple-list-detail-label\">{{label}}</div>\n        {{/if}}\n\n        <div class=\"simple-list-detail-value\">\n          <a href=\"tel:{{removeSpaces content}}\" target=\"_blank\">{{content}}</a>\n        </div>\n      {{/if}}\n    {{/ifCond}}\n\n    <!-- Email template -->\n    {{#ifCond type '==' 'mail'}}\n      {{#if content}}\n        {{#if labelEnabled}}\n        <div class=\"simple-list-detail-label\">{{label}}</div>\n        {{/if}}\n\n        <div class=\"simple-list-detail-value\">\n          <a href=\"mailto:{{content}}\" target=\"_blank\">{{content}}</a>\n        </div>\n      {{/if}}\n    {{/ifCond}}\n\n    <!-- Date template -->\n    {{#ifCond type '==' 'date'}}\n      {{#if content}}\n        {{#if labelEnabled}}\n        <div class=\"simple-list-detail-label\">{{label}}</div>\n        {{/if}}\n\n        <div class=\"simple-list-detail-value\">{{formatDate content}}</div>\n      {{/if}}\n    {{/ifCond}}\n\n  {{/each}}\n\n  <!-- Edit and Delete buttons -->\n  <div class=\"simple-list-overlay-inner-holder {{#ifCond editEntry '||' deleteEntry}}has-edit-controls{{/ifCond}}\">\n    {{#ifCond editEntry '||' deleteEntry}}\n    <div class=\"dynamic-list-controls\">\n      {{#if editEntry}}\n      <div class=\"btn btn-default dynamic-list-edit-item\">Edit</div>\n      {{/if}}\n      {{#if deleteEntry}}\n      <div class=\"btn btn-danger dynamic-list-delete-item\">Delete</div>\n      {{/if}}\n    </div>\n    {{/ifCond}}\n    <div class=\"simple-list-overlay-social-holder\">\n      {{#if likesEnabled}}\n      <div class=\"simple-list-like-holder simple-list-like-holder-{{id}}\">\n        <div class=\"simple-list-like-wrapper btn-like\">\n          <span class=\"count\"></span><i class=\"fa fa-heart-o fa-lg\"></i>\n        </div>\n        <div class=\"simple-list-like-wrapper btn-liked\">\n          <span class=\"count\"></span><i class=\"fa fa-heart fa-lg animated bounceIn\"></i>\n        </div>\n      </div>\n      {{/if}}\n\n      {{#if bookmarksEnabled}}\n      <div class=\"simple-list-bookmark-holder simple-list-bookmark-holder-{{id}}\">\n        <div class=\"simple-list-bookmark-wrapper btn-bookmark\">\n          <i class=\"fa fa-bookmark-o fa-lg\"></i>\n        </div>\n        <div class=\"simple-list-bookmark-wrapper btn-bookmarked\">\n          <i class=\"fa fa-bookmark fa-lg animated fadeIn\"></i>\n        </div>\n      </div>\n      {{/if}}\n\n      {{#if commentsEnabled}}\n      <div class=\"simple-list-comment-holder simple-list-comemnt-holder-{{id}}\">\n        <!-- Like button will be here -->\n        <!-- Like placeholder -->\n        <i class=\"fa fa-comment-o fa-lg comment-placeholder\"></i>\n      </div>\n      {{/if}}\n    </div>\n  </div>\n</div>";
+    return "<div class=\"simple-list-details-holder\" data-entry-id=\"{{id}}\">\n  {{#each data}}\n    <!-- Image template -->\n    {{#ifCond type '==' 'image'}}\n      {{#if content}}\n        {{#if labelEnabled}}\n        <div class=\"simple-list-detail-label\">{{label}}</div>\n        {{/if}}\n\n        <div class=\"simple-list-detail-value\">\n          <img src=\"{{validateImage content}}\">\n        </div>\n      {{/if}}\n    {{/ifCond}}\n\n    <!-- Plain text template -->\n    {{#ifCond type '==' 'text'}}\n      {{#if content}}\n        {{#if labelEnabled}}\n        <div class=\"simple-list-detail-label\">{{label}}</div>\n        {{/if}}\n\n        <div class=\"simple-list-detail-value\">{{content}}</div>\n      {{/if}}\n    {{/ifCond}}\n\n    <!-- HTML template -->\n    {{#ifCond type '==' 'html'}}\n      {{#if content}}\n        {{#if labelEnabled}}\n        <div class=\"simple-list-detail-label\">{{label}}</div>\n        {{/if}}\n\n        <div class=\"simple-list-detail-value\">{{{auth content}}}</div>\n      {{/if}}\n    {{/ifCond}}\n\n    <!-- URL template -->\n    {{#ifCond type '==' 'url'}}\n      {{#if content}}\n        {{#if labelEnabled}}\n        <div class=\"simple-list-detail-label\">{{label}}</div>\n        {{/if}}\n\n        <div class=\"simple-list-detail-value\">\n          <a href=\"{{{auth content}}}\" target=\"_blank\">Tap to open</a>\n        </div>\n      {{/if}}\n    {{/ifCond}}\n\n    <!-- Telephone template -->\n    {{#ifCond type '==' 'tel'}}\n      {{#if content}}\n        {{#if labelEnabled}}\n        <div class=\"simple-list-detail-label\">{{label}}</div>\n        {{/if}}\n\n        <div class=\"simple-list-detail-value\">\n          <a href=\"tel:{{removeSpaces content}}\" target=\"_blank\">{{content}}</a>\n        </div>\n      {{/if}}\n    {{/ifCond}}\n\n    <!-- Email template -->\n    {{#ifCond type '==' 'mail'}}\n      {{#if content}}\n        {{#if labelEnabled}}\n        <div class=\"simple-list-detail-label\">{{label}}</div>\n        {{/if}}\n\n        <div class=\"simple-list-detail-value\">\n          <a href=\"mailto:{{content}}\" target=\"_blank\">{{content}}</a>\n        </div>\n      {{/if}}\n    {{/ifCond}}\n\n    <!-- Date template -->\n    {{#ifCond type '==' 'date'}}\n      {{#if content}}\n        {{#if labelEnabled}}\n        <div class=\"simple-list-detail-label\">{{label}}</div>\n        {{/if}}\n\n        <div class=\"simple-list-detail-value\">{{formatDate content}}</div>\n      {{/if}}\n    {{/ifCond}}\n\n    \n    <!-- File template -->\n    {{#ifCond type '==' 'file'}}\n      {{#if content}}\n        <ul class=\"file-holder\">\n          {{#if labelEnabled}}\n            <div class=\"simple-list-detail-label\">{{label}}</div>\n          {{/if}}\n          {{#each content}}\n            <li id=\"file-item\">\n              <div class=\"file-title\">{{formatFilename this}}</div>\n              <input type=\"hidden\" value={{this}}>\n              <div class=\"file-icon\">\n                <i class=\"fa fa-angle-right\"></i>\n              </div>\n            </li>\n          {{/each}}\n        </ul>\n      {{/if}}\n    {{/ifCond}}\n\n  {{/each}}\n\n  <!-- Edit and Delete buttons -->\n  <div class=\"simple-list-overlay-inner-holder {{#ifCond editEntry '||' deleteEntry}}has-edit-controls{{/ifCond}}\">\n    {{#ifCond editEntry '||' deleteEntry}}\n    <div class=\"dynamic-list-controls\">\n      {{#if editEntry}}\n      <div class=\"btn btn-default dynamic-list-edit-item\">Edit</div>\n      {{/if}}\n      {{#if deleteEntry}}\n      <div class=\"btn btn-danger dynamic-list-delete-item\">Delete</div>\n      {{/if}}\n    </div>\n    {{/ifCond}}\n    <div class=\"simple-list-overlay-social-holder\">\n      {{#if likesEnabled}}\n      <div class=\"simple-list-like-holder simple-list-like-holder-{{id}}\">\n        <div class=\"simple-list-like-wrapper btn-like\">\n          <span class=\"count\"></span><i class=\"fa fa-heart-o fa-lg\"></i>\n        </div>\n        <div class=\"simple-list-like-wrapper btn-liked\">\n          <span class=\"count\"></span><i class=\"fa fa-heart fa-lg animated bounceIn\"></i>\n        </div>\n      </div>\n      {{/if}}\n\n      {{#if bookmarksEnabled}}\n      <div class=\"simple-list-bookmark-holder simple-list-bookmark-holder-{{id}}\">\n        <div class=\"simple-list-bookmark-wrapper btn-bookmark\">\n          <i class=\"fa fa-bookmark-o fa-lg\"></i>\n        </div>\n        <div class=\"simple-list-bookmark-wrapper btn-bookmarked\">\n          <i class=\"fa fa-bookmark fa-lg animated fadeIn\"></i>\n        </div>\n      </div>\n      {{/if}}\n\n      {{#if commentsEnabled}}\n      <div class=\"simple-list-comment-holder simple-list-comemnt-holder-{{id}}\">\n        <!-- Like button will be here -->\n        <!-- Like placeholder -->\n        <i class=\"fa fa-comment-o fa-lg comment-placeholder\"></i>\n      </div>\n      {{/if}}\n    </div>\n  </div>\n</div>";
 },"useData":true});
 
 this["Fliplet"]["Widget"]["Templates"]["templates.build.simple-list-filters"] = Handlebars.template({"compiler":[7,">= 4.0.0"],"main":function(container,depth0,helpers,partials,data) {
@@ -87,7 +87,7 @@ this["Fliplet"]["Widget"]["Templates"]["templates.build.small-card-base"] = Hand
 },"useData":true});
 
 this["Fliplet"]["Widget"]["Templates"]["templates.build.small-card-detail"] = Handlebars.template({"compiler":[7,">= 4.0.0"],"main":function(container,depth0,helpers,partials,data) {
-    return "{{#if [Image]}}\n<div class=\"small-card-list-detail-image-wrapper\">\n  <div class=\"small-card-list-detail-image\" style=\"background-image: url('{{auth [Image]}}')\"></div>\n  {{#unless [Image]}}<i class=\"fa fa-user\"></i>{{/unless}}\n</div>\n{{/if}}\n<div class=\"small-card-list-detail-content-scroll-wrapper\" data-entry-id=\"{{id}}\">\n  <div class=\"small-card-list-detail-content-wrapper\">\n    {{#if bookmarksEnabled}}\n    <div class=\"small-card-bookmark-holder small-card-bookmark-holder-{{id}}\">\n      <div class=\"small-card-bookmark-wrapper btn-bookmark\">\n        <i class=\"fa fa-bookmark-o\"></i>\n      </div>\n      <div class=\"small-card-bookmark-wrapper btn-bookmarked\">\n        <i class=\"fa fa-bookmark animated fadeIn\"></i>\n      </div>\n    </div>\n    {{/if}}\n    {{#ifCond [First Name] '||' [Last Name] }}\n      <div class=\"small-card-list-detail-name\">{{[First Name]}} {{[Last Name]}}</div>\n    {{/ifCond}}\n    <div class=\"small-card-list-detail-role\">{{[Title]}}</div>\n    <div class=\"small-card-list-detail-location\">{{[Location]}}</div>\n    <div class=\"small-card-list-detail-buttons-wrapper\">\n      {{#if [Email]}}\n      <div class=\"small-card-list-detail-button\">\n        <a href=\"mailto:{{[Email]}}\" target=\"_blank\">\n          <div class=\"small-card-list-detail-button-image\"><span class=\"fa fa-envelope-o\"></span></div>\n          <div class=\"small-card-list-detail-button-text\">EMAIL</div>\n        </a>\n      </div>\n      {{/if}}\n      {{#if [Telephone]}}\n      <div class=\"small-card-list-detail-button\">\n        <a href=\"tel:{{[Telephone]}}\" target=\"_blank\">\n          <div class=\"small-card-list-detail-button-image\"><span class=\"fa fa-phone\"></span></div>\n          <div class=\"small-card-list-detail-button-text\">CALL</div>\n        </a>\n      </div>\n      {{/if}}\n      {{#if [Linkedin]}}\n      <div class=\"small-card-list-detail-button\">\n        <a href=\"{{[Linkedin]}}\" target=\"_blank\">\n          <div class=\"small-card-list-detail-button-image\"><span class=\"fa fa-linkedin\"></span></div>\n          <div class=\"small-card-list-detail-button-text\">LINKEDIN</div>\n        </a>\n      </div>\n      {{/if}}\n    </div>\n\n    <div class=\"small-card-details-holder\">\n      {{#each entryDetails}}\n        <!-- Image template -->\n        {{#ifCond type '==' 'image'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-card-list-detail-body-text\">\n              <img src=\"{{validateImage content}}\">\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Plain text template -->\n        {{#ifCond type '==' 'text'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-card-list-detail-body-text\">{{content}}</div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- HTML template -->\n        {{#ifCond type '==' 'html'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-card-list-detail-body-text\">{{{auth content}}}</div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- URL template -->\n        {{#ifCond type '==' 'url'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-card-list-detail-body-text\">\n              <a href=\"{{{auth content}}}\" target=\"_blank\">Tap to open</a>\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Telephone template -->\n        {{#ifCond type '==' 'tel'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-card-list-detail-body-text\">\n              <a href=\"tel:{{removeSpaces content}}\" target=\"_blank\">{{content}}</a>\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Email template -->\n        {{#ifCond type '==' 'mail'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-card-list-detail-body-text\">\n              <a href=\"mailto:{{content}}\" target=\"_blank\">{{content}}</a>\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Date template -->\n        {{#ifCond type '==' 'date'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-card-list-detail-body-text\">{{formatDate content}}</div>\n          {{/if}}\n        {{/ifCond}}\n\n      {{/each}}\n    </div>\n\n    <!-- Edit or Delete buttons -->\n    {{#ifCond editEntry '||' deleteEntry}}\n    <div class=\"dynamic-list-controls\">\n      {{#if editEntry}}\n      <div class=\"btn btn-default dynamic-list-edit-item\">Edit</div>\n      {{/if}}\n      {{#if deleteEntry}}\n      <div class=\"btn btn-danger dynamic-list-delete-item\">Delete</div>\n      {{/if}}\n    </div>\n    {{/ifCond}}\n  </div>\n</div>\n";
+    return "{{#if [Image]}}\n<div class=\"small-card-list-detail-image-wrapper\">\n  <div class=\"small-card-list-detail-image\" style=\"background-image: url('{{auth [Image]}}')\"></div>\n  {{#unless [Image]}}<i class=\"fa fa-user\"></i>{{/unless}}\n</div>\n{{/if}}\n<div class=\"small-card-list-detail-content-scroll-wrapper\" data-entry-id=\"{{id}}\">\n  <div class=\"small-card-list-detail-content-wrapper\">\n    {{#if bookmarksEnabled}}\n    <div class=\"small-card-bookmark-holder small-card-bookmark-holder-{{id}}\">\n      <div class=\"small-card-bookmark-wrapper btn-bookmark\">\n        <i class=\"fa fa-bookmark-o\"></i>\n      </div>\n      <div class=\"small-card-bookmark-wrapper btn-bookmarked\">\n        <i class=\"fa fa-bookmark animated fadeIn\"></i>\n      </div>\n    </div>\n    {{/if}}\n    {{#ifCond [First Name] '||' [Last Name] }}\n      <div class=\"small-card-list-detail-name\">{{[First Name]}} {{[Last Name]}}</div>\n    {{/ifCond}}\n    <div class=\"small-card-list-detail-role\">{{[Title]}}</div>\n    <div class=\"small-card-list-detail-location\">{{[Location]}}</div>\n    <div class=\"small-card-list-detail-buttons-wrapper\">\n      {{#if [Email]}}\n      <div class=\"small-card-list-detail-button\">\n        <a href=\"mailto:{{[Email]}}\" target=\"_blank\">\n          <div class=\"small-card-list-detail-button-image\"><span class=\"fa fa-envelope-o\"></span></div>\n          <div class=\"small-card-list-detail-button-text\">EMAIL</div>\n        </a>\n      </div>\n      {{/if}}\n      {{#if [Telephone]}}\n      <div class=\"small-card-list-detail-button\">\n        <a href=\"tel:{{[Telephone]}}\" target=\"_blank\">\n          <div class=\"small-card-list-detail-button-image\"><span class=\"fa fa-phone\"></span></div>\n          <div class=\"small-card-list-detail-button-text\">CALL</div>\n        </a>\n      </div>\n      {{/if}}\n      {{#if [Linkedin]}}\n      <div class=\"small-card-list-detail-button\">\n        <a href=\"{{[Linkedin]}}\" target=\"_blank\">\n          <div class=\"small-card-list-detail-button-image\"><span class=\"fa fa-linkedin\"></span></div>\n          <div class=\"small-card-list-detail-button-text\">LINKEDIN</div>\n        </a>\n      </div>\n      {{/if}}\n    </div>\n\n    <div class=\"small-card-details-holder\">\n      {{#each entryDetails}}\n        <!-- Image template -->\n        {{#ifCond type '==' 'image'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-card-list-detail-body-text\">\n              <img src=\"{{validateImage content}}\">\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Plain text template -->\n        {{#ifCond type '==' 'text'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-card-list-detail-body-text\">{{content}}</div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- HTML template -->\n        {{#ifCond type '==' 'html'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-card-list-detail-body-text\">{{{auth content}}}</div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- URL template -->\n        {{#ifCond type '==' 'url'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-card-list-detail-body-text\">\n              <a href=\"{{{auth content}}}\" target=\"_blank\">Tap to open</a>\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Telephone template -->\n        {{#ifCond type '==' 'tel'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-card-list-detail-body-text\">\n              <a href=\"tel:{{removeSpaces content}}\" target=\"_blank\">{{content}}</a>\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Email template -->\n        {{#ifCond type '==' 'mail'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-card-list-detail-body-text\">\n              <a href=\"mailto:{{content}}\" target=\"_blank\">{{content}}</a>\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Date template -->\n        {{#ifCond type '==' 'date'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-card-list-detail-body-text\">{{formatDate content}}</div>\n          {{/if}}\n        {{/ifCond}}\n\n        \n        <!-- File template -->\n        {{#ifCond type '==' 'file'}}\n          {{#if content}}\n            <ul class=\"file-holder\">\n              {{#if labelEnabled}}\n                <div class=\"small-card-list-detail-label\">{{label}}</div>\n              {{/if}}\n              {{#each content}}\n                <li id=\"file-item\">\n                  <div class=\"file-title\">{{formatFilename this}}</div>\n                  <input type=\"hidden\" value={{this}}>\n                  <div class=\"file-icon\">\n                    <i class=\"fa fa-angle-right\"></i>\n                  </div>\n                </li>\n              {{/each}}\n            </ul>\n          {{/if}}\n        {{/ifCond}}\n\n      {{/each}}\n    </div>\n\n    <!-- Edit or Delete buttons -->\n    {{#ifCond editEntry '||' deleteEntry}}\n    <div class=\"dynamic-list-controls\">\n      {{#if editEntry}}\n      <div class=\"btn btn-default dynamic-list-edit-item\">Edit</div>\n      {{/if}}\n      {{#if deleteEntry}}\n      <div class=\"btn btn-danger dynamic-list-delete-item\">Delete</div>\n      {{/if}}\n    </div>\n    {{/ifCond}}\n  </div>\n</div>\n";
 },"useData":true});
 
 this["Fliplet"]["Widget"]["Templates"]["templates.build.small-card-filters"] = Handlebars.template({"compiler":[7,">= 4.0.0"],"main":function(container,depth0,helpers,partials,data) {
@@ -111,7 +111,7 @@ this["Fliplet"]["Widget"]["Templates"]["templates.build.small-h-card-base"] = Ha
 },"useData":true});
 
 this["Fliplet"]["Widget"]["Templates"]["templates.build.small-h-card-detail"] = Handlebars.template({"compiler":[7,">= 4.0.0"],"main":function(container,depth0,helpers,partials,data) {
-    return "{{#if [Image]}}\n<div class=\"small-h-card-list-detail-image-wrapper\">\n  <div class=\"small-h-card-list-detail-image\" style=\"background-image: url('{{auth [Image]}}')\"></div>\n  {{#unless [Image]}}<i class=\"fa fa-user\"></i>{{/unless}}\n</div>\n{{/if}}\n<div class=\"small-h-card-list-detail-content-scroll-wrapper\" data-entry-id=\"{{id}}\">\n  <div class=\"small-h-card-list-detail-content-wrapper\">\n    <div class=\"small-h-card-list-detail-name\">{{[First Name]}} {{[Last Name]}}</div>\n    <div class=\"small-h-card-list-detail-role\">{{[Title]}}</div>\n    <div class=\"small-h-card-list-detail-location\">{{[Location]}}</div>\n    <div class=\"small-h-card-list-detail-buttons-wrapper\">\n      {{#if [Email]}}\n      <div class=\"small-h-card-list-detail-button\">\n        <a href=\"mailto:{{[Email]}}\" target=\"_blank\">\n          <div class=\"small-h-card-list-detail-button-image\"><span class=\"fa fa-envelope-o\"></span></div>\n          <div class=\"small-h-card-list-detail-button-text\">EMAIL</div>\n        </a>\n      </div>\n      {{/if}}\n      {{#if [Telephone]}}\n      <div class=\"small-h-card-list-detail-button\">\n        <a href=\"tel:{{[Telephone]}}\" target=\"_blank\">\n          <div class=\"small-h-card-list-detail-button-image\"><span class=\"fa fa-phone\"></span></div>\n          <div class=\"small-h-card-list-detail-button-text\">CALL</div>\n        </a>\n      </div>\n      {{/if}}\n      {{#if [Linkedin]}}\n      <div class=\"small-h-card-list-detail-button\">\n        <a href=\"{{[Linkedin]}}\" target=\"_blank\">\n          <div class=\"small-h-card-list-detail-button-image\"><span class=\"fa fa-linkedin\"></span></div>\n          <div class=\"small-h-card-list-detail-button-text\">LINKEDIN</div>\n        </a>\n      </div>\n      {{/if}}\n    </div>\n\n    <div class=\"small-h-card-details-holder\">\n      {{#each entryDetails}}\n        <!-- Image template -->\n        {{#ifCond type '==' 'image'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-h-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-h-card-list-detail-body-text\">\n              <img src=\"{{validateImage content}}\">\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Plain text template -->\n        {{#ifCond type '==' 'text'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-h-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-h-card-list-detail-body-text\">{{content}}</div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- HTML template -->\n        {{#ifCond type '==' 'html'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-h-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-h-card-list-detail-body-text\">{{{auth content}}}</div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- URL template -->\n        {{#ifCond type '==' 'url'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-h-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-h-card-list-detail-body-text\">\n              <a href=\"{{{auth content}}}\" target=\"_blank\">Tap to open</a>\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Telephone template -->\n        {{#ifCond type '==' 'tel'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-h-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-h-card-list-detail-body-text\">\n              <a href=\"tel:{{removeSpaces content}}\" target=\"_blank\">{{content}}</a>\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Email template -->\n        {{#ifCond type '==' 'mail'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-h-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-h-card-list-detail-body-text\">\n              <a href=\"mailto:{{content}}\" target=\"_blank\">{{content}}</a>\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Date template -->\n        {{#ifCond type '==' 'date'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-h-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-h-card-list-detail-body-text\">{{formatDate content}}</div>\n          {{/if}}\n        {{/ifCond}}\n\n      {{/each}}\n    </div>\n\n    <!-- Edit or Delete buttons -->\n    {{#ifCond editEntry '||' deleteEntry}}\n    <div class=\"dynamic-list-controls\">\n      {{#if editEntry}}\n      <div class=\"btn btn-default dynamic-list-edit-item\">Edit</div>\n      {{/if}}\n      {{#if deleteEntry}}\n      <div class=\"btn btn-danger dynamic-list-delete-item\">Delete</div>\n      {{/if}}\n    </div>\n    {{/ifCond}}\n  </div>\n</div>";
+    return "{{#if [Image]}}\n<div class=\"small-h-card-list-detail-image-wrapper\">\n  <div class=\"small-h-card-list-detail-image\" style=\"background-image: url('{{auth [Image]}}')\"></div>\n  {{#unless [Image]}}<i class=\"fa fa-user\"></i>{{/unless}}\n</div>\n{{/if}}\n<div class=\"small-h-card-list-detail-content-scroll-wrapper\" data-entry-id=\"{{id}}\">\n  <div class=\"small-h-card-list-detail-content-wrapper\">\n    <div class=\"small-h-card-list-detail-name\">{{[First Name]}} {{[Last Name]}}</div>\n    <div class=\"small-h-card-list-detail-role\">{{[Title]}}</div>\n    <div class=\"small-h-card-list-detail-location\">{{[Location]}}</div>\n    <div class=\"small-h-card-list-detail-buttons-wrapper\">\n      {{#if [Email]}}\n      <div class=\"small-h-card-list-detail-button\">\n        <a href=\"mailto:{{[Email]}}\" target=\"_blank\">\n          <div class=\"small-h-card-list-detail-button-image\"><span class=\"fa fa-envelope-o\"></span></div>\n          <div class=\"small-h-card-list-detail-button-text\">EMAIL</div>\n        </a>\n      </div>\n      {{/if}}\n      {{#if [Telephone]}}\n      <div class=\"small-h-card-list-detail-button\">\n        <a href=\"tel:{{[Telephone]}}\" target=\"_blank\">\n          <div class=\"small-h-card-list-detail-button-image\"><span class=\"fa fa-phone\"></span></div>\n          <div class=\"small-h-card-list-detail-button-text\">CALL</div>\n        </a>\n      </div>\n      {{/if}}\n      {{#if [Linkedin]}}\n      <div class=\"small-h-card-list-detail-button\">\n        <a href=\"{{[Linkedin]}}\" target=\"_blank\">\n          <div class=\"small-h-card-list-detail-button-image\"><span class=\"fa fa-linkedin\"></span></div>\n          <div class=\"small-h-card-list-detail-button-text\">LINKEDIN</div>\n        </a>\n      </div>\n      {{/if}}\n    </div>\n\n    <div class=\"small-h-card-details-holder\">\n      {{#each entryDetails}}\n        <!-- Image template -->\n        {{#ifCond type '==' 'image'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-h-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-h-card-list-detail-body-text\">\n              <img src=\"{{validateImage content}}\">\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Plain text template -->\n        {{#ifCond type '==' 'text'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-h-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-h-card-list-detail-body-text\">{{content}}</div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- HTML template -->\n        {{#ifCond type '==' 'html'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-h-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-h-card-list-detail-body-text\">{{{auth content}}}</div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- URL template -->\n        {{#ifCond type '==' 'url'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-h-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-h-card-list-detail-body-text\">\n              <a href=\"{{{auth content}}}\" target=\"_blank\">Tap to open</a>\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Telephone template -->\n        {{#ifCond type '==' 'tel'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-h-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-h-card-list-detail-body-text\">\n              <a href=\"tel:{{removeSpaces content}}\" target=\"_blank\">{{content}}</a>\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Email template -->\n        {{#ifCond type '==' 'mail'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-h-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-h-card-list-detail-body-text\">\n              <a href=\"mailto:{{content}}\" target=\"_blank\">{{content}}</a>\n            </div>\n          {{/if}}\n        {{/ifCond}}\n\n        <!-- Date template -->\n        {{#ifCond type '==' 'date'}}\n          {{#if content}}\n            {{#if labelEnabled}}\n            <div class=\"small-h-card-list-detail-label\">{{label}}</div>\n            {{/if}}\n\n            <div class=\"small-h-card-list-detail-body-text\">{{formatDate content}}</div>\n          {{/if}}\n        {{/ifCond}}\n\n        \n        <!-- File template -->\n        {{#ifCond type '==' 'file'}}\n          {{#if content}}\n            <ul class=\"file-holder\">\n              {{#if labelEnabled}}\n                <div class=\"small-h-card-list-detail-label\">{{label}}</div>\n              {{/if}}\n              {{#each content}}\n                <li id=\"file-item\">\n                  <div class=\"file-title\">{{formatFilename this}}</div>\n                  <input type=\"hidden\" value={{this}}>\n                  <div class=\"file-icon\">\n                    <i class=\"fa fa-angle-right\"></i>\n                  </div>\n                </li>\n              {{/each}}\n            </ul>\n          {{/if}}\n        {{/ifCond}}\n\n      {{/each}}\n    </div>\n\n    <!-- Edit or Delete buttons -->\n    {{#ifCond editEntry '||' deleteEntry}}\n    <div class=\"dynamic-list-controls\">\n      {{#if editEntry}}\n      <div class=\"btn btn-default dynamic-list-edit-item\">Edit</div>\n      {{/if}}\n      {{#if deleteEntry}}\n      <div class=\"btn btn-danger dynamic-list-delete-item\">Delete</div>\n      {{/if}}\n    </div>\n    {{/ifCond}}\n  </div>\n</div>";
 },"useData":true});
 
 this["Fliplet"]["Widget"]["Templates"]["templates.build.small-h-card-loop"] = Handlebars.template({"compiler":[7,">= 4.0.0"],"main":function(container,depth0,helpers,partials,data) {
diff --git a/js/interface.templates.js b/js/interface.templates.js
index 05685b64..0f8652a5 100644
--- a/js/interface.templates.js
+++ b/js/interface.templates.js
@@ -49,7 +49,7 @@ this["Fliplet"]["Widget"]["Templates"]["templates.interface.detail-view-panels"]
     + ((stack1 = helpers.unless.call(alias1,(depth0 != null ? depth0.editable : depth0),{"name":"unless","hash":{},"fn":container.program(15, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
     + ">\n        <option value=\"image\">Image</option>\n        <option value=\"text\" selected>Plain text</option>\n        <option value=\"html\">HTML</option>\n        <option value=\"url\">URL</option>\n        <option value=\"tel\">Telephone</option>\n        <option value=\"mail\">Email</option>\n        <option value=\"date\">Date (e.g. "
     + alias4(((helper = (helper = helpers.date || (depth0 != null ? depth0.date : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"date","hash":{},"data":data}) : helper)))
-    + ")</option>\n      </select>\n    </div>\n    <div class=\"rTableCell select type\">\n      <select name=\"select_field_label\" id=\"detail_select_label_"
+    + ")</option>\n        <option value=\"file\">File</option>\n      </select>\n    </div>\n    <div class=\"rTableCell select type\">\n      <select name=\"select_field_label\" id=\"detail_select_label_"
     + alias4(((helper = (helper = helpers.id || (depth0 != null ? depth0.id : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"id","hash":{},"data":data}) : helper)))
     + "\" class=\"form-control\" "
     + ((stack1 = helpers.unless.call(alias1,(depth0 != null ? depth0.editable : depth0),{"name":"unless","hash":{},"fn":container.program(15, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
diff --git a/js/layout-javascript/agenda-code.js b/js/layout-javascript/agenda-code.js
index 9dbfc4e6..01217a0c 100644
--- a/js/layout-javascript/agenda-code.js
+++ b/js/layout-javascript/agenda-code.js
@@ -800,6 +800,11 @@ DynamicList.prototype.attachObservers = function() {
       $(this).parents('.agenda-item-bookmark-holder').removeClass('not-bookmarked').addClass('bookmarked');
 
       record.bookmarkButton.like();
+    })
+    .on('click', '#file-item', function(file) {
+      var url = $(file.currentTarget).find('input[type=hidden]').val();
+
+      Fliplet.Navigate.file(url);
     });
 }
 
@@ -2385,6 +2390,8 @@ DynamicList.prototype.addDetailViewData = function (entry) {
     // Define content
     if (dynamicDataObj.customFieldEnabled) {
       content = new Handlebars.SafeString(Handlebars.compile(dynamicDataObj.customField)(entry.originalData));
+    } else if (dynamicDataObj.type === 'file') {
+      content = _this.Utils.String.splitByCommas(entry.originalData[dynamicDataObj.column]);
     } else {
       content = entry.originalData[dynamicDataObj.column];
     }
diff --git a/js/layout-javascript/news-feed-code.js b/js/layout-javascript/news-feed-code.js
index 3eba9161..1af1fee8 100644
--- a/js/layout-javascript/news-feed-code.js
+++ b/js/layout-javascript/news-feed-code.js
@@ -896,6 +896,11 @@ DynamicList.prototype.attachObservers = function() {
       $(this).parents('.news-feed-like-holder').removeClass('not-liked').addClass('liked');
       record.likeButton.like();
       $(this).find('.count').html(count);
+    })
+    .on('click', '#file-item', function(file) {
+      var url = $(file.currentTarget).find('input[type=hidden]').val();
+
+      Fliplet.Navigate.file(url);
     });
 }
 
diff --git a/js/layout-javascript/simple-list-code.js b/js/layout-javascript/simple-list-code.js
index 2c57d989..384cc71a 100644
--- a/js/layout-javascript/simple-list-code.js
+++ b/js/layout-javascript/simple-list-code.js
@@ -859,6 +859,11 @@ DynamicList.prototype.attachObservers = function() {
       $(this).parents('.simple-list-like-holder').removeClass('not-liked').addClass('liked');
       record.likeButton.like();
       $(this).find('.count').html(count);
+    })
+    .on('click', '#file-item', function(file) {
+      var url = $(file.currentTarget).find('input[type=hidden]').val();
+
+      Fliplet.Navigate.file(url);
     });
 }
 
diff --git a/js/layout-javascript/small-card-code.js b/js/layout-javascript/small-card-code.js
index a31d3e87..d867c319 100644
--- a/js/layout-javascript/small-card-code.js
+++ b/js/layout-javascript/small-card-code.js
@@ -684,6 +684,11 @@ DynamicList.prototype.attachObservers = function() {
 
       $(this).parents('.small-card-bookmark-holder').removeClass('not-bookmarked').addClass('bookmarked');
       record.bookmarkButton.like();
+    })
+    .on('click', '#file-item', function(file) {
+      var url = $(file.currentTarget).find('input[type=hidden]').val();
+
+      Fliplet.Navigate.file(url);
     });
 }
 
diff --git a/js/layout-javascript/small-h-card-code.js b/js/layout-javascript/small-h-card-code.js
index 3cdecf5a..0246a76f 100644
--- a/js/layout-javascript/small-h-card-code.js
+++ b/js/layout-javascript/small-h-card-code.js
@@ -347,6 +347,11 @@ DynamicList.prototype.attachObservers = function() {
       }).then(function() {
         Fliplet.UI.Actions(options);
       });
+    })
+    .on('click', '#file-item', function(file) {
+      var url = $(file.currentTarget).find('input[type=hidden]').val();
+
+      Fliplet.Navigate.file(url);
     });
 }
 
diff --git a/js/utils.js b/js/utils.js
index 167d6bb3..65c269c5 100644
--- a/js/utils.js
+++ b/js/utils.js
@@ -174,6 +174,13 @@ Fliplet.Registry.set('dynamicListUtils', (function () {
     });
   }
 
+  Handlebars.registerHelper('formatFilename', function(filename) {
+    var index = filename.indexOf('contents/');
+    var formattedName = filename.substring(index + 9);
+
+    return formattedName;
+  });
+  
   function isExecute (event) {
     if (event.type === 'click') {
       return true;
diff --git a/templates/build/agenda-cards-detail.build.hbs b/templates/build/agenda-cards-detail.build.hbs
index f1531305..2e95b02f 100644
--- a/templates/build/agenda-cards-detail.build.hbs
+++ b/templates/build/agenda-cards-detail.build.hbs
@@ -125,6 +125,26 @@
           \{{/if}}
         \{{/ifCond}}
 
+        <!-- File template -->
+        \{{#ifCond type '==' 'file'}}
+          \{{#if content}}
+            <ul class="file-holder">
+              \{{#if labelEnabled}}
+                <div class="agenda-item-detail-label">\{{label}}</div>
+              \{{/if}}
+              \{{#each content}}
+                <li id="file-item">
+                  <div class="file-title">\{{formatFilename this}}</div>
+                  <input type="hidden" value=\{{this}}>
+                  <div class="file-icon">
+                    <i class="fa fa-angle-right"></i>
+                  </div>
+                </li>
+              \{{/each}}
+            </ul>
+          \{{/if}}
+        \{{/ifCond}}
+
       \{{/each}}
     </div>
 
diff --git a/templates/build/news-feed-detail.build.hbs b/templates/build/news-feed-detail.build.hbs
index fd64e0df..5de622fb 100644
--- a/templates/build/news-feed-detail.build.hbs
+++ b/templates/build/news-feed-detail.build.hbs
@@ -135,6 +135,26 @@
             \{{/if}}
           \{{/ifCond}}
 
+          <!-- File template -->
+          \{{#ifCond type '==' 'file'}}
+            \{{#if content}}
+              <ul class="file-holder">
+                \{{#if labelEnabled}}
+                  <div class="news-feed-detail-label">\{{label}}</div>
+                \{{/if}}
+                \{{#each content}}
+                  <li id="file-item">
+                    <div class="file-title">\{{formatFilename this}}</div>
+                    <input type="hidden" value=\{{this}}>
+                    <div class="file-icon">
+                      <i class="fa fa-angle-right"></i>
+                    </div>
+                  </li>
+                \{{/each}}
+              </ul>
+            \{{/if}}
+          \{{/ifCond}}
+
         \{{/each}}
       </div>
       <div class="news-feed-inner-holder \{{#ifCond editEntry '||' deleteEntry}}has-edit-controls\{{/ifCond}}">
diff --git a/templates/build/simple-list-detail.build.hbs b/templates/build/simple-list-detail.build.hbs
index 0755fc76..0c4e75c7 100644
--- a/templates/build/simple-list-detail.build.hbs
+++ b/templates/build/simple-list-detail.build.hbs
@@ -85,6 +85,27 @@
       \{{/if}}
     \{{/ifCond}}
 
+    
+    <!-- File template -->
+    \{{#ifCond type '==' 'file'}}
+      \{{#if content}}
+        <ul class="file-holder">
+          \{{#if labelEnabled}}
+            <div class="simple-list-detail-label">\{{label}}</div>
+          \{{/if}}
+          \{{#each content}}
+            <li id="file-item">
+              <div class="file-title">\{{formatFilename this}}</div>
+              <input type="hidden" value=\{{this}}>
+              <div class="file-icon">
+                <i class="fa fa-angle-right"></i>
+              </div>
+            </li>
+          \{{/each}}
+        </ul>
+      \{{/if}}
+    \{{/ifCond}}
+
   \{{/each}}
 
   <!-- Edit and Delete buttons -->
diff --git a/templates/build/small-card-detail.build.hbs b/templates/build/small-card-detail.build.hbs
index a5ab8a89..6e1d2d2a 100644
--- a/templates/build/small-card-detail.build.hbs
+++ b/templates/build/small-card-detail.build.hbs
@@ -135,6 +135,27 @@
           \{{/if}}
         \{{/ifCond}}
 
+        
+        <!-- File template -->
+        \{{#ifCond type '==' 'file'}}
+          \{{#if content}}
+            <ul class="file-holder">
+              \{{#if labelEnabled}}
+                <div class="small-card-list-detail-label">\{{label}}</div>
+              \{{/if}}
+              \{{#each content}}
+                <li id="file-item">
+                  <div class="file-title">\{{formatFilename this}}</div>
+                  <input type="hidden" value=\{{this}}>
+                  <div class="file-icon">
+                    <i class="fa fa-angle-right"></i>
+                  </div>
+                </li>
+              \{{/each}}
+            </ul>
+          \{{/if}}
+        \{{/ifCond}}
+
       \{{/each}}
     </div>
 
diff --git a/templates/build/small-h-card-detail.build.hbs b/templates/build/small-h-card-detail.build.hbs
index 73734510..28c40086 100644
--- a/templates/build/small-h-card-detail.build.hbs
+++ b/templates/build/small-h-card-detail.build.hbs
@@ -123,6 +123,27 @@
           \{{/if}}
         \{{/ifCond}}
 
+        
+        <!-- File template -->
+        \{{#ifCond type '==' 'file'}}
+          \{{#if content}}
+            <ul class="file-holder">
+              \{{#if labelEnabled}}
+                <div class="small-h-card-list-detail-label">\{{label}}</div>
+              \{{/if}}
+              \{{#each content}}
+                <li id="file-item">
+                  <div class="file-title">\{{formatFilename this}}</div>
+                  <input type="hidden" value=\{{this}}>
+                  <div class="file-icon">
+                    <i class="fa fa-angle-right"></i>
+                  </div>
+                </li>
+              \{{/each}}
+            </ul>
+          \{{/if}}
+        \{{/ifCond}}
+
       \{{/each}}
     </div>
 
diff --git a/templates/interface/detail-view-panels.interface.hbs b/templates/interface/detail-view-panels.interface.hbs
index 0f4305b3..13bafcd7 100644
--- a/templates/interface/detail-view-panels.interface.hbs
+++ b/templates/interface/detail-view-panels.interface.hbs
@@ -32,6 +32,7 @@
         <option value="tel">Telephone</option>
         <option value="mail">Email</option>
         <option value="date">Date (e.g. {{date}})</option>
+        <option value="file">File</option>
       </select>
     </div>
     <div class="rTableCell select type">