starred/tview

Fork 0

mirror of https://github.com/rivo/tview.git synced 2026-04-26 13:25:51 +03:00

[GH-ISSUE #381] Help: show modal dialog on table view #281

New issue

Closed

opened 2026-03-04 01:03:35 +03:00 by kerem · 8 comments

kerem commented

2026-03-04 01:03:35 +03:00

Owner

Originally created by @labkode on GitHub (Dec 25, 2019).
Original GitHub issue: https://github.com/rivo/tview/issues/381

I'm creating an application based on the presentation tview demo.

I'm reusing the table code for one of the pages and I want that when I click 'e' on one of the table rows a modal appears to modify the row. I've done the logic capture the key event and perform any action but the modal is not showing.

	table.SetInputCapture(func(event *tcell.EventKey) *tcell.EventKey {
		selected, _ := table.GetSelectable()

		if event.Key() == tcell.KeyEnter {
			table.SetSelectable(true, true)
		}

		if selected && event.Key() == tcell.KeyRune && event.Rune() == 'e' {
			// find row
			row, col := table.GetSelection()
			cell := table.GetCell(row, col)

			modal := tview.NewModal().
				SetText("Name: " + cell.Text).
				AddButtons([]string{"Save", "Cancel"}).
				SetDoneFunc(func(buttonIndex int, buttonLabel string) {
					if buttonLabel == "Cancel" {
						app.Stop()
					}
				})
			app.SetFocus(modal)
			app.ForceDraw()
		}
		return event
	})

Thanks and Happy Christmas!

Originally created by @labkode on GitHub (Dec 25, 2019). Original GitHub issue: https://github.com/rivo/tview/issues/381 I'm creating an application based on the presentation tview demo. I'm reusing the table code for one of the pages and I want that when I click 'e' on one of the table rows a modal appears to modify the row. I've done the logic capture the key event and perform any action but the modal is not showing. ``` table.SetInputCapture(func(event *tcell.EventKey) *tcell.EventKey { selected, _ := table.GetSelectable() if event.Key() == tcell.KeyEnter { table.SetSelectable(true, true) } if selected && event.Key() == tcell.KeyRune && event.Rune() == 'e' { // find row row, col := table.GetSelection() cell := table.GetCell(row, col) modal := tview.NewModal(). SetText("Name: " + cell.Text). AddButtons([]string{"Save", "Cancel"}). SetDoneFunc(func(buttonIndex int, buttonLabel string) { if buttonLabel == "Cancel" { app.Stop() } }) app.SetFocus(modal) app.ForceDraw() } return event }) ``` Thanks and Happy Christmas!

kerem closed this issue

2026-03-04 01:03:35 +03:00

kerem commented

2026-03-04 01:03:36 +03:00

Author

Owner

@Bios-Marcel commented on GitHub (Dec 25, 2019):

The modal is just a primitive (Widget), you actually have to set it as the root layout primitive using Application#SetRoot.

@Bios-Marcel commented on GitHub (Dec 25, 2019): The modal is just a primitive (Widget), you actually have to set it as the root layout primitive using Application#SetRoot.

kerem commented

2026-03-04 01:03:36 +03:00

Author

Owner

@labkode commented on GitHub (Dec 25, 2019):

@Bios-Marcel that would break the existing layout.

@labkode commented on GitHub (Dec 25, 2019): @Bios-Marcel that would break the existing layout.

kerem commented

2026-03-04 01:03:36 +03:00

Author

Owner

@Bios-Marcel commented on GitHub (Dec 25, 2019):

Drawing things ontop of other things isn't supported afaik.

@Bios-Marcel commented on GitHub (Dec 25, 2019): Drawing things ontop of other things isn't supported afaik.

kerem commented

2026-03-04 01:03:36 +03:00

Author

Owner

@labkode commented on GitHub (Dec 26, 2019):

@Bios-Marcel is possible I just managed. The magic is to set the current view as the background of the modal.

Is explained here: https://github.com/rivo/tview/wiki/Modal

@labkode commented on GitHub (Dec 26, 2019): @Bios-Marcel is possible I just managed. The magic is to set the current view as the background of the modal. Is explained here: https://github.com/rivo/tview/wiki/Modal

kerem commented

2026-03-04 01:03:36 +03:00

Author

Owner

@Bios-Marcel commented on GitHub (Dec 26, 2019):

Oh cool, guess I learned something then, thanks ^^

@Bios-Marcel commented on GitHub (Dec 26, 2019): Oh cool, guess I learned something then, thanks ^^

kerem commented

2026-03-04 01:03:36 +03:00

Author

Owner

@agruenberg commented on GitHub (Jan 23, 2020):

Or you use pages, where you put the modal on top most.

@agruenberg commented on GitHub (Jan 23, 2020): Or you use pages, where you put the modal on top most.

kerem commented

2026-03-04 01:03:36 +03:00

Author

Owner

@LazarenkoA commented on GitHub (Jul 15, 2020):

@Bios-Marcel is possible I just managed. The magic is to set the current view as the background of the modal.

Is explained here: https://github.com/rivo/tview/wiki/Modal

Hi. I have a similar task, can you share the code? Have you used Pages (as in the demo)?

@LazarenkoA commented on GitHub (Jul 15, 2020): > @Bios-Marcel is possible I just managed. The magic is to set the current view as the background of the modal. > > Is explained here: https://github.com/rivo/tview/wiki/Modal Hi. I have a similar task, can you share the code? Have you used Pages (as in the demo)?

kerem commented

2026-03-04 01:03:37 +03:00

Author

Owner

@LazarenkoA commented on GitHub (Jul 15, 2020):

@Bios-Marcel is possible I just managed. The magic is to set the current view as the background of the modal.
Is explained here: https://github.com/rivo/tview/wiki/Modal

Hi. I have a similar task, can you share the code? Have you used Pages (as in the demo)?

made it using Pages

@LazarenkoA commented on GitHub (Jul 15, 2020): > > @Bios-Marcel is possible I just managed. The magic is to set the current view as the background of the modal. > > Is explained here: https://github.com/rivo/tview/wiki/Modal > > Hi. I have a similar task, can you share the code? Have you used Pages (as in the demo)? made it using Pages

kerem referenced this issue

2026-03-04 01:03:44 +03:00

[GH-ISSUE #406] some error with FLEX #296