Treeview

[HlDANN]

Hi guys!!
I'm using this lib in a private project and I'm really enjoying it. Do we have treeview implemented or forecast to implement in the future? :D

[Akascape]

Custom treeview is not currently implemented.

But you can use the normal tkinter treeview with customisations.

Here is the example:

Code

import tkinter
from tkinter import ttk
import customtkinter

customtkinter.set_appearance_mode("Dark")
customtkinter.set_default_color_theme("blue")

root = customtkinter.CTk()
root.geometry("250x300")
root.title("Treeview x Customtkinter")

frame_1 = customtkinter.CTkFrame(master=root)
frame_1.pack(pady=20, padx=20, fill="both", expand=True)

label = customtkinter.CTkLabel(master=frame_1,text="Treeview")
label.grid(pady=10)

###Treeview Customisation (theme colors are selected)
bg_color = root._apply_appearance_mode(customtkinter.ThemeManager.theme["CTkFrame"]["fg_color"])
text_color = root._apply_appearance_mode(customtkinter.ThemeManager.theme["CTkLabel"]["text_color"])
selected_color = root._apply_appearance_mode(customtkinter.ThemeManager.theme["CTkButton"]["fg_color"])

treestyle = ttk.Style()
treestyle.theme_use('default')
treestyle.configure("Treeview", background=bg_color, foreground=text_color, fieldbackground=bg_color, borderwidth=0)
treestyle.map('Treeview', background=[('selected', bg_color)], foreground=[('selected', selected_color)])
root.bind("<<TreeviewSelect>>", lambda event: root.focus_set())

##Treeview widget data
treeview = ttk.Treeview(frame_1, height=6, show="tree")
treeview.grid(padx=10)
treeview.insert('', '0', 'i1', text ='Python')
treeview.insert('', '1', 'i2', text ='Customtkinter')
treeview.insert('', '2', 'i3', text ='Tkinter')
treeview.insert('i2', 'end', 'Frame', text ='Frame')
treeview.insert('i2', 'end', 'Label', text ='Label')
treeview.insert('i3', 'end', 'Treeview', text ='Treeview')
treeview.move('i2', 'i1', 'end')
treeview.move('i3', 'i1', 'end')

root.mainloop()

If you are looking for a table widget, here is one: https://github.com/Akascape/CTkTable

[HlDANN]

Understood! Thanks

[0xHouss]

i'm working on making a custom treeview but from scratch if someone wanna help me here my discord JL Houss#8625

[Mank0o]

Hi Akascape,

thank you for sharing the code but when I run it I get this error
I'm using customtkinter-5.0.2

Traceback (most recent call last):
  File "c:\Users\Mankoo\OneDrive\RGR Trucking\1 Not sent\Code\server\Treeview_customtkinker.py", line 21, in <module>
    treestyle.configure("Treeview", background=customtkinter.ThemeManager.theme["color"]["frame_low"][1],
KeyError: 'color

[Akascape]

@Mank0o I wrote this code before the version 5.0.0. The theme structure was changed after the update due to which it was showing this error.
But I have updated the code. Now you can try it.

[Mank0o]

Thank you @Akascape

[B16f00t]

When I try to switch from dark mode to light mode, the treeview appearance is black, when it should be white, would it be possible to make it vary depending on the mode selected?

[Akascape]

Configure the treeview again, just change the last color theme from [1] to [0]. Example-

Dark:
background=customtkinter.ThemeManager.theme["CTkFrame"]["fg_color"][1]

Light:
background=customtkinter.ThemeManager.theme["CTkFrame"]["fg_color"][0]

[B16f00t]

Yes I know that, the problem is that in the app I can change the appearance in execution and I don't know what event triggers set_appearance_mode.
I would like to be able to set in dark or light, the treeview according to choose one or the other in execution.

[Akascape]

@B16f00t there is event which can tell you the current appearance mode:

if customtkinter.get_appearance_mode()=="Dark":
    x=1
else:
    x=0

#Now you can get the correct color
background = customtkinter.ThemeManager.theme["CTkFrame"]["fg_color"][x]

[TomSchimansky]

It's not actually an event. You can register a callback for the appearance mode change with:

customtkinter.AppearanceModeTracker.add(callback)

The callback will get a string argument being either "Light" or "Dark".

[B16f00t]

That's great, I was able to solve the problem with customtkinter.AppearanceModeTracker.add(callback).
Thank you very much.

[Neofare]

how do you add internal padding inside the entry widget?

[Flivo254]

To add internal padding use ipadx=(px) on x-axis and ipady=(px) on y-axis

[adamtcdev]

I don't think it's working properly. Anyone help?