How to remove Margin/Padding next to WindowHeaderIcon / WindowHeader

[Blama]

Hi Isomorphic,

I'm looking to achieve the design from "Aim.png".
Please see the Firebug screenshot "Margin_next_to_HeaderIcon.png".

If I change the 2px for "left" and "top" to 0px, I'd get what I what.
Could you introduce those APIs in 4.1p? I can't do it with CSS I assume, as the remainder of width-2-2 (minus additional 2) is used as Header width (here 694px), the window width is 700px, see screenshot.

Is there another way to do this?

Thank you and best regards,
Blama

[Isomorphic]

The Window's header AutoChild is an HLayout and has layoutMargin set on it (seemingly with a value of 2 in whatever skin your app is based on).

You can set this to 0 via the AutoChild system, but it will affect all controls in the header. If you want to leave the rest of the controls smaller and not flush to the edge, you'll probably need to set defaultLayoutAlign:"center" and layoutRightMargin:2 as well.

[Blama]

Hi Isomorphic,

thanks for your answer. With it I could figure out where to adjust the load_skin.js of my skin (Simplicity-based).

Before:

if (isc.Window) {
	isc.Window.addProperties({
		showHeaderBackground: false,
		backgroundColor:"#FEFEFE",
		showFooter:false,
		membersMargin : 0,
		modalMaskOpacity : 10
	});
	isc.Window.changeDefaults("headerDefaults", {
		height:30,
		layoutMargin:0,
		membersMargin:0
	});

After:

if (isc.Window) {
	isc.Window.addProperties({
		showHeaderBackground: false,
		backgroundColor:"#FEFEFE",
		showFooter:false,
		membersMargin : 0,
		modalMaskOpacity : 10,
		[B]layoutMargin: 0 --added[/B]
	});
	isc.Window.changeDefaults("headerDefaults", {
		height:30,
		layoutMargin:0,
		membersMargin:0,
		[B]layoutRightMargin: 5 --added[/B]
	});

Best regards & once again: Impressive framework!
Blama