$.extend(true, edges, { bs3 : { newSearchingNotificationRenderer: function (params) { if (!params) { params = {} } edges.bs3.SearchingNotificationRenderer.prototype = edges.newRenderer(params); return new edges.bs3.SearchingNotificationRenderer(params); }, SearchingNotificationRenderer: function (params) { this.searchingMessage = params.searchingMessage || "Loading, please wait..."; // namespace to use in the page this.namespace = "edges-bs3-searching-notification"; this.draw = function () { var frag = ""; if (this.component.searching) { // classes that we need var barClasses = edges.css_classes(this.namespace, "bar", this); frag = '<div class="progress-bar progress-bar-info progress-bar-striped active ' + barClasses + '"> \ ' + this.searchingMessage + ' \ </div>' } this.component.context.html(frag); } } } });