Dynamically Resize Buttons When Resizing a Window using Tkinter

Python's Tkinter library provides powerful tools for creating GUI applications. When building user interfaces, you often want buttons to resize dynamically when the user changes the window size, creating a responsive layout.

To make buttons resize dynamically, we use Tkinter's Grid geometry manager along with rowconfigure() and columnconfigure() methods. The key is setting the weight parameter and using the sticky option to control how widgets expand.

How Grid Weight System Works

The Grid system uses a weight-based approach where:

• weight=1 means the row/column will expand to fill available space
• sticky="nsew" makes the widget stretch in all directions (North, South, East, West)
• Without proper configuration, widgets remain fixed size regardless of window changes

Example

Here's how to create buttons that resize dynamically with the window ?

# Importing the tkinter library
from tkinter import *

win = Tk()
win.title("Dynamically Resize Buttons")
win.geometry("700x500")

# Configure the main window's grid to be resizable
Grid.rowconfigure(win, 0, weight=1)
Grid.rowconfigure(win, 1, weight=1)
Grid.columnconfigure(win, 0, weight=1)

# Create buttons
b1 = Button(win, text="C++", bg="lightblue")
b2 = Button(win, text="Java", bg="lightgreen")

# Position buttons with sticky="nsew" to fill the entire cell
b1.grid(row=0, column=0, sticky="nsew", padx=5, pady=5)
b2.grid(row=1, column=0, sticky="nsew", padx=5, pady=5)

win.mainloop()

Multiple Columns Example

You can also create a grid layout with buttons in multiple rows and columns ?

from tkinter import *

win = Tk()
win.title("Resizable Button Grid")
win.geometry("600x400")

# Configure all rows and columns to be resizable
for i in range(2):
    Grid.rowconfigure(win, i, weight=1)
    Grid.columnconfigure(win, i, weight=1)

# Create a 2x2 grid of buttons
buttons = [
    Button(win, text="Button 1", bg="red"),
    Button(win, text="Button 2", bg="green"),
    Button(win, text="Button 3", bg="blue"),
    Button(win, text="Button 4", bg="yellow")
]

# Position buttons in grid
row_col_positions = [(0,0), (0,1), (1,0), (1,1)]

for i, button in enumerate(buttons):
    row, col = row_col_positions[i]
    button.grid(row=row, column=col, sticky="nsew", padx=2, pady=2)

win.mainloop()

Key Parameters

Conclusion

Use Grid.rowconfigure() and Grid.columnconfigure() with weight=1 to make rows and columns resizable. Combine with sticky="nsew" to make buttons fill their assigned grid cells completely.