StoreFront 3.0 - Disabling Continual Horizontal Scrolling

For some users or organizations the continual scrolling behavior in StoreFront 3.0 can be annoying or undesired. I for one like it. However, if you're one of the admins who was asked to disable this feature, I have a great solution for you. Here’s a custom JavaScript provided by Michael Bednarek from Citrix to disable the horizontal scrolling feature in StoreFront 3.0.

On the StoreFront 3.0 server navigate to the the 'script.js' file located in the following directory:

\\Storefront-ServerName\c$\inetpub\wwwroot\Citrix\StoreWeb\custom\script.js

Add the following code:

var oldAppBundleWidget = CTXS.Widgets.ApplicationBundlesWidget, oldAppBundleWidgetPrototype = CTXS.Widgets.ApplicationBundlesWidget.prototype; CTXS.Widgets.ApplicationBundlesWidget = function ($applicationBundleContainer, applicationBundles, options) { this.options = $.extend({}, {}, options); this.$bundleContainer = $applicationBundleContainer; this.$carousel = this.$bundleContainer.find(‘.appBundles’); this.$carousel.html(CTXS.Views.ApplicationBundlesView.getApplicationBundleMarkup(applicationBundles, CTXS.UI.useSmallTiles())); this.applicationBundles = applicationBundles; this.$prevButton = this.$bundleContainer.find(‘.prevBundleOuter’); this.$nextButton = this.$bundleContainer.find(‘.nextBundleOuter’); if (CTXS.UI.useSmallTiles()) { this._applySmallUIResizing(); } else { this._applyLargeUIResizing(); } this._bindToUIEvents(); this.$carousel.slick(‘slickSetOption’, ‘infinite’, false, true); }; CTXS.Widgets.ApplicationBundlesWidget.prototype = oldAppBundleWidgetPrototype; CTXS.Widgets.ApplicationBundlesWidget.prototype.show = function() { if (this.applicationBundles.length > 0) { this.$bundleContainer.show(); this.$prevButton.toggleClass(“hidden”, CTXS.UI.useSmallTiles()); this.$nextButton.toggleClass(“hidden”, CTXS.UI.useSmallTiles()); this.$carousel.slick(“setPosition”); } };

#StoreFront #ContinualScrolling #Citrix #CitrixReceiver #ReceiverforWeb