[Question] How do I display form above the grid?

[skanehira]

Previously, in #264 you could use "pages" to display the form in the grid, but now it seems that you can't.

Is there a way to display the form while displaying the grid?

[rivo]

I don't think anything has changed in how Pages renders pages. You can still display two primitives at the same time. Here's some example code:

package main

import "github.com/rivo/tview"

func main() {
	grid := tview.NewGrid()
	grid.AddItem(tview.NewBox().SetTitle("Box1").SetBorder(true), 0, 0, 1, 1, 0, 0, false)
	grid.AddItem(tview.NewBox().SetTitle("Box2").SetBorder(true), 1, 0, 1, 1, 0, 0, false)

	form := tview.NewForm()
	form.AddInputField("Input:", "", 20, nil, nil)
	form.AddButton("Click me", nil)
	form.SetBorder(true)

	pages := tview.NewPages()
	pages.AddPage("grid", grid, true, true)
	pages.AddPage("form", form, false, true)

	if err := tview.NewApplication().SetRoot(pages, true).Run(); err != nil {
		panic(err)
	}
}

And what it looks like:

I guess the question is, what function are you using to display your form?

[skanehira]

@rivo My sample code is following.
I use Grid to show form or some primitive in center.

package main

import "github.com/rivo/tview"

func main() {
    grid := tview.NewGrid()
    grid.AddItem(tview.NewBox().SetTitle("Box1").SetBorder(true), 0, 0, 1, 1, 0, 0, false)
    grid.AddItem(tview.NewBox().SetTitle("Box2").SetBorder(true), 1, 0, 1, 1, 0, 0, false)

    form := tview.NewForm()
    form.AddInputField("Input:", "", 20, nil, nil)
    form.AddButton("Click me", nil)
    form.SetBorder(true)

    pages := tview.NewPages()
    pages.AddPage("grid", grid, true, true)

    pages.AddPage("form", modal(form), true, true).ShowPage("grid")

    if err := tview.NewApplication().SetRoot(pages, true).Run(); err != nil {
        panic(err)
    }
}

func modal(p tview.Primitive) tview.Primitive {
    return tview.NewGrid().SetColumns(0, 0, 0).SetRows(0, 0, 0).AddItem(p, 1, 1, 1, 1, 0, 0, true)
}

When I use github.com/rivo/tview v0.0.0-20190324182152-8a9e26fab0ff with go modules, my sample code will work good.
But github.com/rivo/tview v0.0.0-20191127181827-9c225ecd5722 is doesn't work fine.

Is there any other way to put primitives such as form in the center of the screen?

[rivo]

Right. Thanks for this additional info. This one line in the Grid code that was missing made me think it was a bug when I worked on fixing something else. But it wasn't. It's back in there now so it should work as before.

[skanehira]

@rivo Thanks :)
Now it works fine :)