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
I tried to add a LayoutSpacer after the button but it makes headerLabel too wide (takes half of total header width)
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)
Any help would be appreciated
This code creates a button just before the close button
Code:
isc.Window.create({
autoDraw: true,
title: "Title",
width: "100%",
height: "100%",
headerControls : [
"headerLabel",
isc.Button.create(),
"closeButton"
]
});Code:
isc.Window.create({
autoDraw: true,
title: "Title",
width: "100%",
height: "100%",
headerControls : [
"headerLabel",
isc.Button.create(),
isc.LayoutSpacer.create(),
"closeButton"
]
});Code:
isc.Window.create({
autoDraw: true,
title: "Title",
width: "100%",
height: "100%",
headerControls : [
"headerLabel",
isc.Button.create(),
isc.LayoutSpacer.create({width:"100%"}),
"closeButton"
]
});