Strange .grid sectioning? Tkinter?

[360monkey]

Hey Bytes Community!

I am currently using Tkinter to create a GUI window, and I ran into a problem. Here is my code:

from Tkinter import *
import random
import gameinclude
gi = gameinclude
 
class App:
 
    def __init__(self, master):
    ##########
    #Menu Bar#
    ##########
        frame = Frame(master)
        frame.grid()
        menu = Menu(root)
        root.config(menu=menu)
        filemenu = Menu(menu)
        menu.add_cascade(label='File', menu=filemenu)
        filemenu.add_command(label='Quit', command=frame.quit)
        infomenu = Menu(menu)
        menu.add_cascade(label='About...', menu=infomenu)
        infomenu.add_command(label='About BattlerIII', command=None)
    ############
    #Name Entry#
    ############
        self.pone = Label(frame, text='Player One').grid(row=0, column=0)
        self.epone = Entry(frame, textvariable = StringVar)
        self.epone.grid(row=0, column=1)
        self.ptwo = Label(frame, text='Player Two').grid(row=0, column=4)
        self.eptwo = Entry(frame, textvariable = StringVar)
        self.eptwo.grid(row=0, column=5)
        self.activebtn = Button(frame, text='GO!', command = self.interface)
        self.activebtn.grid(row=0, column=3)
    ###########
    #Interface#
    ###########
    def interface(self):
        self.stats1 = Button(root, text='STATS', command=None)
        self.stats1.grid(row=1, column=0)
        self.stats2 = Button(root, text='STATS', command=None)
        self.stats2.grid(row=1, column=4)
        if gi.turn == 1:
            self.attack1 = Button(root, text='ATTACK', fg='red', command=None)
            self.attack1.grid(row=1, column=1)
            self.attack2 = Button(root, text='ATTACK', fg='red', command=None, state=DISABLED)
            self.attack2.grid(row=1, column=5)
        if gi.turn == 2:
            self.attack1 = Button(root, text='ATTACK', fg='red', command=None, state=DISABLED)
            self.attack1.grid(row=1, column=1)
            self.attack2 = Button(root, text='ATTACK', fg='red', command=None)
            self.attack2.grid(row=1, column=5)
 
root = Tk()
root.title('Arena I')
app = App(None)
root.mainloop()

The problem occurs under #Interface#. I am using the .grid geometry manager and it is giving me weird outputs. When I run the program, and click "GO!", it gives me something like this:

(attached)

anyway, I am wondering why the three buttons are outside of the specified place in the .grid-ing. And strangely, why is the one button inside? I am very confused, so help out please!

Thanks in advance!

[bvdet]

You are creating a frame to hold grid row 0, but you are adding grid row 1 to the root window. Add them into the same frame as row 0 and they should align properly.

[360monkey]

So i should replace 'root' with frame?

# def interface(self):
#         self.stats1 = Button(frame, text='STATS', command=None)
#         self.stats1.grid(row=1, column=0)
#         self.stats2 = Button(frame, text='STATS', command=None)
#         self.stats2.grid(row=1, column=4)
#         if gi.turn == 1:
#             self.attack1 = Button(frame, text='ATTACK', fg='red', command=None)
#             self.attack1.grid(row=1, column=1)
#             self.attack2 = Button(frame, text='ATTACK', fg='red', command=None, state=DISABLED)
#             self.attack2.grid(row=1, column=5)
#         if gi.turn == 2:
#             self.attack1 = Button(rframe, text='ATTACK', fg='red', command=None, state=DISABLED)
#             self.attack1.grid(row=1, column=1)
#             self.attack2 = Button(frame, text='ATTACK', fg='red', command=None)
#             self.attack2.grid(row=1, column=5)

[bvdet]

You will need to make frame available to your method:

        self.frame = frame

Then replace root with self.frame.

[360monkey]

Bvdet,

I put

self.frame = frame

into my code, and it gave me a message saying:

NameError: global name 'frame' is not defined
and it points me to the self.frame = frame code.

def interface(self):
        self.frame = frame
        self.stats1 = Button(self.frame, text='STATS', command=None)
        self.stats1.grid(row=1, column=0)
        self.stats2 = Button(self.frame, text='STATS', command=None)
        self.stats2.grid(row=1, column=4)

did I introduce the code incorrectly?

Sorry for continuing to bug you, and Thanks for continuing to help me out!

[bvdet]

Like this:

from Tkinter import *
import random
import gameinclude
gi = gameinclude
 
class App:
 
    def __init__(self, master):
    ##########
    #Menu Bar#
    ##########
        frame = Frame(master)
        frame.grid()
        self.frame = frame

    ###########
    #Interface#
    ###########
    def interface(self):
        self.stats1 = Button(self.frame, text='STATS', command=None)
        self.stats1.grid(row=1, column=0)

[360monkey]

Thank You very much!
Your answer has increased my python knowledge and I am grateful for you consistently imparting to me great knowledge!
Thanks!