dipeshSam
commented
10 months ago @DimaTepliakov, This is because the ttkbootstrap tries to modify the color of the widgets placed in the main window. To efficiently change the color, ttkbootstrap recommends to use Window() class to initiate new window, and not Tk().
See, normal button behavior in Tkinter:
And, Using ttkbootstrap button behavior in Tkinter:
Customtkinter is built over tkinter and performs hight DPI and scaling operations by its own for each widget. In the other hand ttkbootstrap uses ttk (themed tkinter), and creates its own theme manager which is completely unsupported by customtkinter.
To use this functionality, you need to create a toast box using widgets provided by customtkinter which auto handles the CTkBaseClass for scaling, appearance mode, and theming.
Code for a basic toast box using customtkinter:
from typing import Literal
from customtkinter import (
CTk,
CTkToplevel,
CTkFrame,
CTkImage,
CTkButton,
CTkLabel,
CTkFont,
ThemeManager
)
class ToastNotification():
"""Toast notification functionality for `customtkinter` inspired by Windows' notifications and as an
alternative to the `ttkbootstrap.toast.ToastNotification`.
Methods:
- show() -> Shows the toast box
- hide() -> Hides the toast box
"""
def __init__(self,
master: CTk = None,
title: str = "Toast Notification Title",
message: str = "This is the message that the Toast box contains.",
duration: int | None = 1000, # If None, will be disappear on click
alert_sound: bool = False,
icon: CTkImage | str | None = None,
anchor: Literal["nw", "ne", "sw", "se"] = "se",
size: tuple[int, int] = (400, 150),
fg_color: str | tuple[str, str] | None = None,
):
# Saving indicating variables
self.master = master
self._anchor = anchor
self._size = size
self._fg_color = fg_color
self._duration = duration
self._alert = alert_sound
self._title = title
self._message = message
self._icon = icon # or ⚠
self._opened: bool = False
# Taking a color for toast box if None was provided
if not fg_color: self._fg_color = ThemeManager.theme["CTkFrame"]["fg_color"]
def show(self):
if self._opened: return
self.toplevel = CTkToplevel(self.master,
fg_color=self._fg_color, width=self._size[0], height=self._size[1])
self._opened = True
self.__fill_items()
self._applying_position()
self.toplevel.bind("<ButtonPress>", lambda _: self.hide())
if self._alert:
self.toplevel.bell()
if self._duration is not None:
self.master.after(self._duration, lambda: self.hide())
def __fill_items(self):
self.container = CTkFrame(self.toplevel, fg_color="transparent")
self.container.grid(padx=20, pady=20)
icon_label = CTkLabel(self.container, text="⚠" if not self._icon else self._icon if isinstance(self._icon, str) else "", image=self._icon if not isinstance(self._icon, str) else None, font=CTkFont(size=30, weight="bold"))
icon_label.grid(row=0, column=0, rowspan=2, sticky="w", padx=(0, 10))
title_label = CTkLabel(self.container, text=self._title, font=CTkFont(weight="bold"), wraplength=self._size[0]-20)
title_label.grid(row=0, column=1, sticky="w", padx=(0, 10))
message_label = CTkLabel(self.container, text=self._message, justify="left", wraplength=self._size[0]-20)
message_label.grid(row=1, column=1, padx=(0, 10))
def _applying_position(self):
self.toplevel.update_idletasks()
self.toplevel.wm_overrideredirect(True)
# Define position coordinates
positions = {
"nw": "+0+0",
"ne": f"+{self.toplevel.winfo_screenwidth()-self.toplevel.winfo_reqwidth()//4}+0",
"sw": f"+0+{self.toplevel.winfo_screenheight()-self.toplevel.winfo_reqheight()}",
"se": f"+{self.toplevel.winfo_screenwidth()-self.toplevel.winfo_reqwidth()//3}+{self.toplevel.winfo_screenheight()-self.toplevel.winfo_reqheight()//3}"
}
# Place window at the specified position
self.toplevel.geometry(positions.get(self._anchor, "+0+0"))
def hide(self):
self._opened = False
self.toplevel.destroy()
# Example use case
if __name__ == "__main__":
app = CTk()
app.geometry("500x350")
toast = ToastNotification(app, alert_sound=True)
button = CTkButton(app, text="Show toast", command=lambda: toast.show())
button.place(relx=0.5, anchor="center", rely=0.5)
app.mainloop()Output
In the code:
- Specially designed for customtkinter.
- Can change the size and color.
- Takes icon as text and/or as
CTkImagefor effective use case. - Other functionalities that a basic toast box has.
- If you need more functionalities, you can modify the class accordingly.
Hope, it will be helpful for you.
DimaTepliakov
Description: I'm encountering a problem when using ttkbootstrap toast notifications in my CustomTkinter application. The toast notifications work as expected, but they inadvertently modify the overall theme of my application. I've provided a simplified code snippet below:
Issue: When the toast notification is displayed, it unexpectedly changes the theme of my entire application
Screenshot:
Additional Information: From my attempts to fix this, I have noticed that explicitly changing the appearance mode after showing the toast notification restores the correct theme evaluation settings. For example:
I believe there might be a more logical solution than this workaround.
I'm seeking assistance in understanding and resolving this theme modification issue caused by ttkbootstrap toast notifications in CustomTkinter. Any insights or suggestions to maintain a consistent theme would be highly valuable.
Thank you for your assistance.