Tkinter blank application

April 10, 2023 6 minutes read

tkinter • python • template

You: Create a blank application in tkinter Python

ChatGPT: To create a blank application using tkinter in Python, you’ll first need to install the tkinter package (if you haven’t already) and then import it. Here’s a simple example of a blank tkinter application:

import tkinter as tk

# Create the main application window
app = tk.Tk()

# Set the title for the main window
app.title("Blank Application")

# Set the dimensions of the main window
app.geometry("300x200")

# Start the main event loop
app.mainloop()

This code creates a blank tkinter application window with a title “Blank Application” and dimensions 300x200 pixels. The mainloop() method starts the event loop, which keeps the window open and responsive to user actions.

You: I want two columns on the window

ChatGPT: To create two columns in the tkinter application window, you can use the Grid geometry manager to organize the layout. Here’s an example:

import tkinter as tk

# Create the main application window
app = tk.Tk()

# Set the title for the main window
app.title("Two Columns Application")

# Create two frames, one for each column
left_frame = tk.Frame(app)
right_frame = tk.Frame(app)

# Position the frames using the grid layout manager
left_frame.grid(row=0, column=0, sticky='nswe')
right_frame.grid(row=0, column=1, sticky='nswe')

# Configure the columns to have equal weight
app.columnconfigure(0, weight=1)
app.columnconfigure(1, weight=1)

# Start the main event loop
app.mainloop()

This code creates an application window with two columns by placing two Frame widgets side by side using the grid() method. The columns are configured to have equal weight, so they will share the available space evenly. You can add other widgets inside the left_frame and right_frame to populate the columns with content.

You: Can you add a label , text input and button in the left column. All these controls should be horizontally aligned

ChatGPT: To add a label, text input (Entry), and button in the left column and align them horizontally, you can use the Pack geometry manager. Here’s the modified code:

import tkinter as tk

# Create the main application window
app = tk.Tk()

# Set the title for the main window
app.title("Two Columns Application")

# Create two frames, one for each column
left_frame = tk.Frame(app)
right_frame = tk.Frame(app)

# Position the frames using the grid layout manager
left_frame.grid(row=0, column=0, sticky='nswe')
right_frame.grid(row=0, column=1, sticky='nswe')

# Configure the columns to have equal weight
app.columnconfigure(0, weight=1)
app.columnconfigure(1, weight=1)

# Create a label, text input (Entry), and button in the left column
label = tk.Label(left_frame, text="Enter your text:")
entry = tk.Entry(left_frame)
button = tk.Button(left_frame, text="Submit")

# Position the widgets horizontally using the pack layout manager
label.pack(side='left', padx=(10, 5))
entry.pack(side='left', padx=(0, 5))
button.pack(side='left', padx=(0, 10))

# Start the main event loop
app.mainloop()

This code adds a label, Entry (text input), and button in the left column and aligns them horizontally using the pack() method. The side option is set to 'left' for all three widgets, and some padding (padx) is added to separate the widgets visually.

You: Can you add a text area and a button in the right column. Button should be under the text area. And the text area should cover the whole column

ChatGPT: To add a text area (Text widget) and a button in the right column, with the button below the text area and the text area covering the whole column, you can use a combination of the Pack and Grid geometry managers. Here’s the modified code:

import tkinter as tk

# Create the main application window
app = tk.Tk()

# Set the title for the main window
app.title("Two Columns Application")

# Create two frames, one for each column
left_frame = tk.Frame(app)
right_frame = tk.Frame(app)

# Position the frames using the grid layout manager
left_frame.grid(row=0, column=0, sticky='nswe')
right_frame.grid(row=0, column=1, sticky='nswe')

# Configure the columns to have equal weight
app.columnconfigure(0, weight=1)
app.columnconfigure(1, weight=1)

# Create a label, text input (Entry), and button in the left column
label = tk.Label(left_frame, text="Enter your text:")
entry = tk.Entry(left_frame)
button = tk.Button(left_frame, text="Submit")

# Position the widgets horizontally using the pack layout manager
label.pack(side='left', padx=(10, 5))
entry.pack(side='left', padx=(0, 5))
button.pack(side='left', padx=(0, 10))

# Create a text area (Text widget) and a button in the right column
text_area = tk.Text(right_frame, wrap='word')
submit_button = tk.Button(right_frame, text="Submit")

# Position the text area and button using the pack layout manager
text_area.pack(side='top', fill='both', expand=True, padx=10, pady=(10, 5))
submit_button.pack(side='bottom', pady=(5, 10))

# Start the main event loop
app.mainloop()

In this code, a Text widget (text area) and a button are added to the right column. The side option for the text area is set to 'top' and for the button, it’s set to 'bottom'. The fill and expand options are set to True for the text area, which allows it to cover the whole column. Padding (padx and pady) is added to visually separate the widgets.

You: When submit button is clicked in the left column. It should print the context of the text input in the left column

ChatGPT: To print the content of the text input (Entry) when the submit button in the left column is clicked, you can define a function that retrieves the text from the Entry widget and prints it. Then, you can associate this function with the button’s command attribute. Here’s the modified code:

import tkinter as tk

def print_text():
    content = entry.get()
    print(content)

# Create the main application window
app = tk.Tk()

# Set the title for the main window
app.title("Two Columns Application")

# Create two frames, one for each column
left_frame = tk.Frame(app)
right_frame = tk.Frame(app)

# Position the frames using the grid layout manager
left_frame.grid(row=0, column=0, sticky='nswe')
right_frame.grid(row=0, column=1, sticky='nswe')

# Configure the columns to have equal weight
app.columnconfigure(0, weight=1)
app.columnconfigure(1, weight=1)

# Create a label, text input (Entry), and button in the left column
label = tk.Label(left_frame, text="Enter your text:")
entry = tk.Entry(left_frame)
button = tk.Button(left_frame, text="Submit", command=print_text)

# Position the widgets horizontally using the pack layout manager
label.pack(side='left', padx=(10, 5))
entry.pack(side='left', padx=(0, 5))
button.pack(side='left', padx=(0, 10))

# Create a text area (Text widget) and a button in the right column
text_area = tk.Text(right_frame, wrap='word')
submit_button = tk.Button(right_frame, text="Submit")

# Position the text area and button using the pack layout manager
text_area.pack(side='top', fill='both', expand=True, padx=10, pady=(10, 5))
submit_button.pack(side='bottom', pady=(5, 10))

# Start the main event loop
app.mainloop()

The print_text() function retrieves the content of the Entry widget using the get() method and prints it. The function is then associated with the submit button in the left column through the command attribute. When the button is clicked, the function will be executed and the text input’s content will be printed.