Cannot center grid inside a tabview

[dev-Tomii]

Im new on this :P

So i created a tabview and added some stuff placing them with grid system, but somehow, its like its all moved to a side inside of being at the center. How can i fix this?

Code below

import customtkinter as cstk

cstk.set_appearance_mode("dark")
cstk.set_default_color_theme("dark-blue")

app = cstk.CTk()
app.title("CDC Scoreboard")
app.geometry("1130x280")
texts = ["Ulgrimnism", "Vasco", "Berllot", "Firebirds", "Bichos do mato"]

##Frames
frame1 = cstk.CTkFrame(master=app, width=300, height=180)
frame1.grid(pady=10, padx=10, row=0, column=0)

tabview = cstk.CTkTabview(master=app)
tabview.add("Points")
tabview.add("Settings")
tabview.set("Points")
tabview.grid(pady=10, padx=10, row=0, column=1)

frame2 = cstk.CTkFrame(master=app, width=300, height=180)
frame2.grid(pady=10, padx=10, row=0, column=2)

## Left part
clan1 = cstk.CTkComboBox(master=frame1, width=364,
                         height=24, values=texts, justify="center")
clan1.grid(row=0,column=0,columnspan=2, pady=20, padx=10)
c1_p1 = cstk.CTkComboBox(master=frame1, width=150,
                         height=24, values=texts, justify="left")
c1_p1.grid(row=1,column=0,padx=5,pady=5)
c1_p2 = cstk.CTkComboBox(master=frame1, width=150,
                         height=24, values=texts, justify="left")
c1_p2.grid(row=1,column=1,padx=5,pady=5)
c1_p3 = cstk.CTkComboBox(master=frame1, width=150,
                         height=24, values=texts, justify="left")
c1_p3.grid(row=2,column=0,padx=5,pady=5)
c1_p4 = cstk.CTkComboBox(master=frame1, width=150,
                         height=24, values=texts, justify="left")
c1_p4.grid(row=2,column=1,padx=5,pady=5)

## Right Part
clan2 = cstk.CTkComboBox(master=frame2, width=364,
                         height=24, values=texts, justify="center")
clan2.grid(row=0,column=0,columnspan=2, pady=20, padx=10)
c2_p1 = cstk.CTkComboBox(master=frame2, width=150,
                         height=24, values=texts, justify="left")
c2_p1.grid(row=1,column=0,padx=5,pady=5)
c2_p2 = cstk.CTkComboBox(master=frame2, width=150,
                         height=24, values=texts, justify="left")
c2_p2.grid(row=1,column=1,padx=5,pady=5)
c2_p3 = cstk.CTkComboBox(master=frame2, width=150,
                         height=24, values=texts, justify="left")
c2_p3.grid(row=2,column=0,padx=5,pady=5)
c2_p4 = cstk.CTkComboBox(master=frame2, width=150,
                         height=24, values=texts, justify="left")
c2_p4.grid(row=2,column=1,padx=5,pady=5)

## Points
c1_points = cstk.CTkLabel(master=tabview.tab("Points"),width=90, height=110,text="0",fg_color="gray")
c1_points.grid(row=0, column=0, columnspan=2, padx=10, pady=10)
plus1 = cstk.CTkButton(master=tabview.tab("Points"), width=30, height=30, text="+")
plus1.grid(row=1, column=0)
min1 = cstk.CTkButton(master=tabview.tab("Points"), width=30, height=30, text="-")
min1.grid(row=1, column=1)

c2_points = cstk.CTkLabel(master=tabview.tab("Points"),width=90, height=110,text="0",fg_color="gray")
c2_points.grid(row=0, column=2, columnspan=2, padx=10, pady=10)
plus2 = cstk.CTkButton(master=tabview.tab("Points"), width=30, height=30, text="+")
plus2.grid(row=1, column=2)
min2 = cstk.CTkButton(master=tabview.tab("Points"), width=30, height=30, text="-")
min2.grid(row=1, column=3)

## Run
app.mainloop()

And this is how it displays

[Akascape]

@dev-Tomii Please go through the grid rowconfigure and columnconfigure weight methods and the sticky parameter.

[onlyforpeace]

like this?

cstk.set_appearance_mode("dark")
cstk.set_default_color_theme("dark-blue")

app = cstk.CTk()
app.title("CDC Scoreboard")
app.geometry("1130x280")
texts = ["Ulgrimnism", "Vasco", "Berllot", "Firebirds", "Bichos do mato"]

##Frames
frame1 = cstk.CTkFrame(master=app, width=300, height=180)
frame1.grid(pady=10, padx=10, row=0, column=0)

tabview = cstk.CTkTabview(master=app)
tabview.add("Points")
tabview.add("Settings")
tabview.set("Points")
tabview.grid(pady=10, padx=10, row=0, column=1)
for i in range(4):
    tabview.tab("Points").grid_columnconfigure(i,weight=1)

tabview.tab("Points").grid_rowconfigure(0,weight=1)
tabview.tab("Points").grid_rowconfigure(1,weight=1)



frame2 = cstk.CTkFrame(master=app, width=300, height=180)
frame2.grid(pady=10, padx=10, row=0, column=2)

## Left part
clan1 = cstk.CTkComboBox(master=frame1, width=364,
                         height=24, values=texts, justify="center")
clan1.grid(row=0,column=0,columnspan=2, pady=20, padx=10)
c1_p1 = cstk.CTkComboBox(master=frame1, width=150,
                         height=24, values=texts, justify="left")
c1_p1.grid(row=1,column=0,padx=5,pady=5)
c1_p2 = cstk.CTkComboBox(master=frame1, width=150,
                         height=24, values=texts, justify="left")
c1_p2.grid(row=1,column=1,padx=5,pady=5)
c1_p3 = cstk.CTkComboBox(master=frame1, width=150,
                         height=24, values=texts, justify="left")
c1_p3.grid(row=2,column=0,padx=5,pady=5)
c1_p4 = cstk.CTkComboBox(master=frame1, width=150,
                         height=24, values=texts, justify="left")
c1_p4.grid(row=2,column=1,padx=5,pady=5)

## Right Part
clan2 = cstk.CTkComboBox(master=frame2, width=364,
                         height=24, values=texts, justify="center")
clan2.grid(row=0,column=0,columnspan=2, pady=20, padx=10)
c2_p1 = cstk.CTkComboBox(master=frame2, width=150,
                         height=24, values=texts, justify="left")
c2_p1.grid(row=1,column=0,padx=5,pady=5)
c2_p2 = cstk.CTkComboBox(master=frame2, width=150,
                         height=24, values=texts, justify="left")
c2_p2.grid(row=1,column=1,padx=5,pady=5)
c2_p3 = cstk.CTkComboBox(master=frame2, width=150,
                         height=24, values=texts, justify="left")
c2_p3.grid(row=2,column=0,padx=5,pady=5)
c2_p4 = cstk.CTkComboBox(master=frame2, width=150,
                         height=24, values=texts, justify="left")
c2_p4.grid(row=2,column=1,padx=5,pady=5)

## Points


c1_points = cstk.CTkLabel(master=tabview.tab("Points"),width=90, height=110,text="0",fg_color="gray")
c1_points.grid(row=0, column=0, columnspan=2, padx=10, pady=10)
plus1 = cstk.CTkButton(master=tabview.tab("Points"), width=30, height=30, text="+")
plus1.grid(row=1, column=0)
min1 = cstk.CTkButton(master=tabview.tab("Points"), width=30, height=30, text="-")
min1.grid(row=1, column=1)

c2_points = cstk.CTkLabel(master=tabview.tab("Points"),width=90, height=110,text="0",fg_color="gray")
c2_points.grid(row=0, column=2, columnspan=2, padx=10, pady=10)
plus2 = cstk.CTkButton(master=tabview.tab("Points"), width=30, height=30, text="+")
plus2.grid(row=1, column=2)
min2 = cstk.CTkButton(master=tabview.tab("Points"), width=30, height=30, text="-")
min2.grid(row=1, column=3)

## Run
app.mainloop()

[Akascape]

@dev-Tomii Yeah, like this only

tabview.tab("Points").grid_rowconfigure(0,weig>ht=1)
tabview.tab("Points").grid_rowconfigure(1,weig>ht=1)
...

Now you can also add the sticky parameter for the widgets so that it resizes properly.

[dev-Tomii]

@onlyforpeace it worked! thanks!
@Akascape Well i dont really know how to use the sticky method since you need to tell in wich direction to stick, and there is no such direction as "center"