Window header layout

[jumple]

I am trying to create a window with some custom controls in header but I need to have those controls appear right after headerLabel on the left instead of right before the close button on the right

This code creates a button just before the close button

isc.Window.create({
	autoDraw: true,
	title: "Title",
	width: "100%",
	height: "100%",
	headerControls : [
		"headerLabel",
		isc.Button.create(),
		"closeButton"
	]
});

I tried to add a LayoutSpacer after the button but it makes headerLabel too wide (takes half of total header width)

isc.Window.create({
	autoDraw: true,
	title: "Title",
	width: "100%",
	height: "100%",
	headerControls : [
		"headerLabel",
		isc.Button.create(),
	        isc.LayoutSpacer.create(),
		"closeButton"
	]
});

I also tried to add a LayoutSpacer with 100% width after the button but it makes headerLabel invisible (pushes button too far to the left and makes headerLabel too small to see title)

isc.Window.create({
	autoDraw: true,
	title: "Title",
	width: "100%",
	height: "100%",
	headerControls : [
		"headerLabel",
		isc.Button.create(),
	        isc.LayoutSpacer.create({width:"100%"}),
		"closeButton"
	]
});

Any help would be appreciated

[pbaranwal]

I'm also facing same problem when placing an icon immediately right after header label.
Keeping a layout spacer with 100% in between icon and maximize button, just displays only icon, spacer and maximize button.
Header label is ignored.

Any suggestion is appreciated.

Using Smartgwt 4.0p version.