How to round up edges of main window?

[Nikushavar]

Is there any way to do that?

[abhaymakes]

You can round up the edges of frame, as far as i know it's not possible on your main window.

[Nikushavar]

can i round up CTk() ?

[Akascape]

@Nikushavar No, the main window is controlled by your OS, not tkinter/customtkinter. All the windows are round in windows 11, ubuntu or mac. If you are on windows 10 then no chance.

[Nikushavar]

that's sad, thanks tho 👍

[Akascape]

@Nikushavar There is one technique by which you can make round looking window even in windows 10,

It will look like this:

Code:

import customtkinter

def move_window(event): # Moving the window
    root.geometry(f'+{event.x_root}+{event.y_root}')
    
def close_window(): # Closing the window
    root.destroy()
    
root = customtkinter.CTk()
root.geometry("400x200") # Main window geometry
root.overrideredirect(1) # Removes the main window
root.config(background='#000001')
root.attributes("-transparentcolor", '#000001') # '#000001' will be the transparent color
root.bind("<B1-Motion>", move_window)
root.grid_columnconfigure(0, weight=1)
root.grid_rowconfigure(0, weight=1)

frame_1 = customtkinter.CTkFrame(root, corner_radius=30, width=400, bg_color='#000001')
frame_1.grid(sticky="nswe") # Main round frame, adjust corner_radius
frame_1.grid_columnconfigure(0, weight=1)
frame_1.grid_rowconfigure(0, weight=1)

button_1 = customtkinter.CTkButton(frame_1, corner_radius=20, width=1, text="X", command=close_window)
button_1.grid(sticky="ne", padx=20, pady=20) # Button that will close the window (as the close protocol is hidden)

label_1 = customtkinter.CTkLabel(frame_1,  width=1, text="This is a CustomTkinter App")
label_1.place(x=20, y=20) # Other widgets

# Place other widgets in the frame_1 as usual

root.mainloop()

Though there will be some limitations like no application title, resizable options etc. It is also recommended to use place method for the widgets.
But still, you can develop a unique looking application.

[Nikushavar]

oh alright, thanks

[Nikushavar]

@Nikushavar Don't use set_appearance mode in root (window). Directly add customtkinter.set_appearance_mode("dark") This is customtkinter parameter.

Please read this documentation properly: https://github.com/TomSchimansky/CustomTkinter/wiki/AppearanceMode

there's problems with placing entry inside of it:

import customtkinter
from tkinter import *
from math import *

def move_window(event): # Moving the window
    root.geometry(f'+{event.x_root}+{event.y_root}')
    
def close_window(): # Closing the window
    root.destroy()
    
root = customtkinter.CTk()
customtkinter.set_appearance_mode("dark")
root.geometry("250x350") # Main window geometry
root.overrideredirect(1) # Removes the main window
root.config(background='#2A2D2E')
root.attributes("-transparentcolor", '#000001') # '#000001' will be the transparent color
root.bind("<B1-Motion>", move_window)
root.grid_columnconfigure(0, weight=1)
root.grid_rowconfigure(0, weight=1)
font1=("Arial", 20 ,"bold")
e_var = StringVar()
e = customtkinter.CTkEntry(root, textvariable=e_var, text_font=font1, width=250, fg_color="#000000", border_color="#000000")
e.place(x="10", y="10")


frame_1 = customtkinter.CTkFrame(root, corner_radius=30, width=400, bg_color='#000001')
frame_1.grid(sticky="nswe") # Main round frame, adjust corner_radius
frame_1.grid_columnconfigure(0, weight=1)
frame_1.grid_rowconfigure(0, weight=1)

button_close = customtkinter.CTkButton(frame_1, corner_radius=20, width=1, text="X", command=close_window)
button_close.grid(sticky="ne", padx=20, pady=20) # Button that will close the window (as the close protocol is hidden)
button_close.place(x=187, y=15)

#defining functions which we'll use
def button_click(number):
    current = e_var.get()
    if current == 'error' or current =='undefined':
        e_var.set(str(number))
    else:
        e_var.set(str(current) + str(number))

def button_clear():
    e_var.set('')

def button_add():
    first_number = e_var.get()
    global f_num 
    global math
    math = "addition"
    f_num = float(first_number)
    e_var.set('')

def button_equal():
    second_number = e_var.get()
    e_var.set('')
    global math
    try: 
        if math == "addition":
            e_var.set(f_num + int(second_number))
        if math == "subtraction":
            e_var.set(f_num - int(second_number))
        if math == "multiplication":
            e_var.set(f_num * int(second_number))
        if math == "division":
            e_var.set(f_num / int(second_number))
        if math == "power":
            e_var.set(pow(float(f_num), float(second_number)))
        if math == "sqrt":
            e_var.set(sqrt(f_num)) #gives sqrt of only first number
    except (NameError, ValueError):
        e_var.set('error')
    except ZeroDivisionError:
        e_var.set('undefined')

def button_subtract():
    first_number = e_var.get()
    global f_num 
    global math
    math = "subtraction"
    f_num = float(first_number)
    e_var.set('')

def button_multiply():
    first_number = e_var.get()
    global f_num 
    global math
    math = "multiplication"
    f_num = float(first_number)
    e_var.set('')

def button_divide():
    first_number = e_var.get()
    global f_num 
    global math
    math = "division"
    f_num = float(first_number)
    e_var.set('')

def button_power():
    first_number = e_var.get()
    global f_num
    global math
    math = "power"
    f_num = float(first_number)
    e_var.set('')

def button_sqrt():
    first_number = e_var.get()
    global f_num
    global math
    math = "sqrt"
    f_num = float(first_number)
    e_var.set('') #shows sqrt of only first number

#displaying buttons
button1 = customtkinter.CTkButton(root, command=button_clear, text="C", text_font=font1, width=50, height=2)
button1.place(x=10, y=60)
button2 = customtkinter.CTkButton(root, command=button_sqrt, text="√", text_font=font1, width=50, height=2)
button2.place(x=70, y=60)
button3 = customtkinter.CTkButton(root, command=button_divide, text="/", text_font=font1, width=50, height=2)
button3.place(x=130, y=60)

button4 = customtkinter.CTkButton(root, command=button_multiply, text="x", text_font=font1, width=50, height=2,)
button4.place(x=190, y=60)

button5 = customtkinter.CTkButton(root, command=lambda: button_click(7), text="7", text_font=font1, width=50, height=2, fg_color="#1f1f1f", hover_color="#1f1f1f")
button5.place(x=10, y=120)
button6 = customtkinter.CTkButton(root, command=lambda: button_click(8), text="8", text_font=font1, width=50, height=2, fg_color="#1f1f1f", hover_color="#1f1f1f")
button6.place(x=70, y=120)

button7 = customtkinter.CTkButton(root, command=lambda: button_click(9), text="9", text_font=font1, width=50, height=2, fg_color="#1f1f1f", hover_color="#1f1f1f")
button7.place(x=130, y=120)
button8 = customtkinter.CTkButton(root, command=button_add, text="+", text_font=font1, width=50, height=2)
button8.place(x=190, y=120)
button9 = customtkinter.CTkButton(root, command=lambda: button_click(4), text="4", text_font=font1, width=50, height=2, fg_color="#1f1f1f", hover_color="#1f1f1f")
button9.place(x=10, y=180)

button10 = customtkinter.CTkButton(root, command=lambda: button_click(5), text="5", text_font=font1, width=50, height=2, fg_color="#1f1f1f", hover_color="#1f1f1f")
button10.place(x=70, y=180)
button11 = customtkinter.CTkButton(root, command=lambda: button_click(6), text="6", text_font=font1, width=50, height=2, fg_color="#1f1f1f", hover_color="#1f1f1f")
button11.place(x=130, y=180)
button12 = customtkinter.CTkButton(root, command=button_subtract, text="-", text_font=font1, width=50, height=2)
button12.place(x=190, y=180)

button13 = customtkinter.CTkButton(root, command=lambda: button_click(0), text="0", text_font=font1, width=50, height=2)
button13.place(x=10, y=240)
button14 = customtkinter.CTkButton(root, command=lambda: button_click(1), text="1", text_font=font1, width=50, height=2, fg_color="#1f1f1f", hover_color="#1f1f1f")
button14.place(x=70, y=240)
button15 = customtkinter.CTkButton(root, command=lambda: button_click(2), text="2", text_font=font1, width=50, height=2, fg_color="#1f1f1f", hover_color="#1f1f1f")
button15.place(x=130, y=240)

button16 = customtkinter.CTkButton(root, command=lambda: button_click(3), text="3", text_font=font1, width=50, height=2, fg_color="#1f1f1f", hover_color="#1f1f1f")
button16.place(x=190, y=240)
button17 = customtkinter.CTkButton(root, command=button_power, text="^", text_font=font1, width=50, height=2)
button17.place(x=10, y=300)
button18 = customtkinter.CTkButton(root, command=button_equal, text="=", text_font=font1, width=170, height=2)
button18.place(x=70, y=300)

root.mainloop()```

[Akascape]

@Nikushavar Add widget inside the frame_1 only, you placed the entry in root which is a hidden window.

[Nikushavar]

@Nikushavar Add widget inside the frame_1 only, you placed the entry in root which is a hidden window.

tysm

[Akascape]

@Nikushavar You can also have a look here: #736