How do I make this Child show as a footer?

[vbmark]

func loop() {
	g.SingleWindow().Layout(g.Layout{
		g.Row(
			g.Child().Size(250, -1).Layout(g.Layout{
				g.Label("Navigation"),
			}),
			g.Child().Size(-1, -1).Layout(g.Layout{
				g.Label("Main Area"),
			}),
		),
		g.Row(
			g.Child().Size(-1, 30).Layout(g.Layout{
				g.Label("Footer"),
			}),
		),
	})
}

You can see a couple of pixels of the footer at the bottom of the screenshot.

Thank you.

[gucio321]

you need to do it this way:

1. get available height
2. get H spacing (giu.GetItemSpacing() )
3. think of the size of your footer: you have two options here:

• make it constant (e.g. 200 or something)
• or percentage (I think it'd be better)

5. set size of your two childs to (for percentage value) (availableH-itemSpacingH)*(1-footerPercentage)
6. and render your footer with the H size equal to (availableH-itemSpacingH)*footerPercentage

should work ;-)

[gucio321]

giu.Window("wnd").Layout(
   giu.Custom(func() {
      _, availableH := giu.GetAvailableRegion()
     _, spacingH := giu.GetItemSpacing()
     giu.Layout{
         /* render your childs*/
      }.Build()
   }),
)

[vbmark]

The values don't seem right:

[gucio321]

@vbmark thats probably because your winodw is of the minimal size by default.
Here is the code that works for me:

package main

import "github.com/AllenDang/giu"

func loop() {
	giu.Window("wnd").Layout(
		giu.Custom(func() {
			const footerPercentage = 0.2
			_, availableH := giu.GetAvailableRegion()
			_, itemSpacingH := giu.GetItemSpacing()
			giu.Layout{
				giu.Child().Layout(giu.Label("your layout")).Size(-1, (availableH-itemSpacingH)*(1-footerPercentage)),
				giu.Child().Layout(giu.Label("footer")).Size(-1, (availableH-itemSpacingH)*footerPercentage),
			}.Build()
		}),
	)
}

func main() {
	wnd := giu.NewMasterWindow("How do I make this Child show as a footer? #648", 640, 480, 0)
	wnd.Run(loop)
}

[gucio321]

If you want to set default size of your window, use the Size method.
Se also giu.WindowFlagsNoResize and giu.StyleVarWindowMinSize

[vbmark]

Please look at my code and my screenshot. I expect three child windows:

Row One of two childs as columns:
-- The left column, named "Navigation", is fixed width at 250.
-- The right column, named "Main Area", fills the rest of the horizontal space.

Row Two, a single child named "Footer", fixed at a height of 30, is below Row One.

You can see some of the top of the child in row two if you look real close.

I can scroll and see row two, but I should not have to scroll. The footer should always be displaying at the bottom regardless of how the window is resized.

[AllenDang]

package main

import (
	g "github.com/AllenDang/giu"
)

func loop() {
	g.SingleWindow().Layout(
		g.Child().ID("Container").Layout(
			g.Label("Add anything here"),
		).Size(g.Auto, -40),
		g.Child().ID("Footer").Layout(
			g.Row(
				g.Label("Footer"),
				g.Label("status bar"),
			),
		).Size(g.Auto, g.Auto).Flags(g.WindowFlagsNoScrollbar),
	)
}

func main() {
	wnd := g.NewMasterWindow("Hello world", 400, 200, 0)
	wnd.Run(loop)
}

[vbmark]

I appreciate the reply but it's not addressing the issue that I am stating.

Please look at my code and my screenshot. I expect three child windows:

Row One of two childs as columns:
-- The left column, named "Navigation", is fixed width at 250.
-- The right column, named "Main Area", fills the rest of the horizontal space.

Row Two, a single child named "Footer", fixed at a height of 30, is below Row One.

You can see some of the top of the child in row two if you look real close.

I can scroll and see row two, but I should not have to scroll. The footer should always be displaying at the bottom regardless of how the window is resized.

[AllenDang]

No matter what layout you are trying to make, the technice is the same.

[AllenDang]

Here is the demo code using same tech.

package main

import (
	g "github.com/AllenDang/giu"
)

func loop() {
	g.SingleWindow().Layout(
		g.Row(
			g.Child().ID("Navigator").Size(230, -40).Layout(
				g.Label("Add anything here"),
			),
			g.Child().ID("Container").Size(g.Auto, -40).Layout(
				g.Label("Container"),
			),
		),
		g.Child().ID("Footer").Layout(
			g.Row(
				g.Label("Footer"),
				g.Label("status bar"),
			),
		).Size(g.Auto, g.Auto).Flags(g.WindowFlagsNoScrollbar),
	)
}

func main() {
	wnd := g.NewMasterWindow("Hello world", 800, 500, 0)
	wnd.Run(loop)
}

[vbmark]

That is awesome! Thank you!