Four Js Development Tools Forum

Discussions by product => GAS and GBC => Topic started by: Sean H. on January 28, 2022, 02:21:05 pm


Title: Customizing the Chrome Bar Widget
Post by: Sean H. on January 28, 2022, 02:21:05 pm
Hello everyone,

I'm trying to customize the ChromeBarWidget for a GBC Project but I don't fully understand how the customizations work without using the MyMainContainerWidget.

I've added the two required files to the customization/project/js directory

MyChromeBarWidget.js

"use strict";

modulum('MyChromeBarWidget', ['ChromeBarWidget', 'WidgetFactory'],
  function(context, cls) {
    cls.MyChromeBarWidget = context.oo.Class(cls.ChromeBarWidget, function($super) {
      return {
        __name: "MyChromeBarWidget"
      };
    });
  }
);

MyChromeBarWidget.tpl.html

<header class="mt-toolbar noselect">
  <p>Did Anything Change</p>
</header>

But the ChromeBarWidget seems to be the same, I was expecting the customized HTML to replace the original HTML but am I misunderstanding how this works or missing a step?