TTK Bootstrap - Modern Python User Interfaces

Explore UI basics with the TK library and TK bootstrap, learning widgets, layout managers, themes, and how to build a basic Hello World application to create modern Python user interfaces.

Explore widgets as user interface objects with properties, events, and methods; configure them, respond to events like button clicks, and use actions such as hiding notebook tabs, with Bootstrap theming.

Learn to lay out widgets with a grid in a window, create and configure a widget, place it via row and column coordinates with sticky alignment.

Explore how objects act as blueprints for real-world UI components. See how properties, methods, and events shape an instance like a combo box.

Create a basic TK bootstrap window with a hello world label, then add a button that triggers a hello function and a message box, introducing widgets and grid layout.

Understand how bootstrap styles define themes with a predictable pattern, and use TK creator to build, modify, export, and share custom themes while exploring the internal file structure.

Explore the anatomy of a bootstrap theme defined in the TK bootstrap themes standard as a JSON-like dictionary of name, type, and color pairs.

Explore bootstrap themes and styles with a live widget demo that switches themes in real time, using Python dash m tk bootstrap to preview default themes.

Learn to create and manage custom themes in TC bootstrap using the TC creator tool, including naming, base theme selection, color editing, saving, exporting, and importing themes.

Explore applying bootstrap themes and styles to 18 TK Bootstrap widgets, with dedicated lessons for each widget, and showcase default syntax, runtime themes, and a code walkthrough.

Set up the button widget with bootstrap theming, wire it to Python using the command option, and explore default, primary, secondary, and outline styles.

Explore the check button widget in bootstrap style, showing how it toggles on and off for single or multiple selections, with tool button, outline, rounded, and square variants.

Explore how the combo box in TK bootstrap blends a styled input with a drop-down list, letting you enter text or select from months, with a message box reply.

The date entry widget, a teak library component, combines an entry field and a calendar button to select or enter a date with bootstrap themes.

Discover how the entry widget collects text input, uses themed boot styles, and supports read-only and disabled states within a grid layout.

Explore the flood gauge widget in GTK bootstrap, a progress bar that displays both text and values. Learn vertical and horizontal orientations, auto increment, and manual value updates.

Explore the label widget in TK bootstrap, displaying text with default and boot styles (primary, secondary, success, danger, warning, inverse) under a darkly theme.

Discover how the label frame merges a label with a frame to visually section UI areas, and leverage styles like Berkeley and superhero with inner widgets on the grid.

Explore how the TK bootstrap menu button blends a button with a dropdown, shows solid and outline styles, and how to attach a menu and capture selections with check buttons.

Learn to use and style the meter widget in bootstrap to visualize progress. See a meter size of 100 at 35% usage and styles from default to disabled in darkly.

Use the notebook widget to create tabbed content with frames and labels, styled by bootstrap themes like Cosmo or darkly, built by adding frames to the notebook.

Explore the pane window widget to create resizable, labeled regions within a Python user interface; learn horizontal and vertical orientations, container behavior, and how to add child widgets to panes.

Learn to use the progress bar widget to show incremental progress in a Python CDK bootstrap app, with horizontal and vertical orientations and 25%–75% values including info and striped styles.

Explore the radio button widget in tk bootstrap, apply the darkly theme, and experiment with tool button and outline tool styles, including runtime enablement and disablement.

Explore the scale widget in tk bootstrap, a slider input for numeric values with horizontal and vertical orientations and customizable handle styles, with from and to ranges and initial values.

Learn to add a scrollbar to a tk bootstrap UI, showcasing horizontal and vertical variations with rounded styles and linked text widget scrolling.

Learn how the separator widget adds horizontal or vertical lines on the UI surface using grid placement and orientation, with direct placement options and bootstrap styles.

Employ the size grip widget to resize the parent window by setting it to resizable, initializing geometry to 300 by 200, and placing a highlighted size grip on the grid.

Learn how the spinbox widget combines a text input and up-down arrows to select a value from a range, demonstrated with bootstrap styles like primary, info, and warning.

Display data hierarchically with the tree view widget, letting users expand and collapse nodes to explore organizational structures, while learning to set up and populate the tree.

Explore how to implement common dialogs in TK bootstrap to collect input and present information, including color chooser, date picker, font dialog, and message box for modern Python UIs.

Implement a color chooser dialog in TK Bootstrap to capture the user's color as a tuple or none by creating and showing the dialog.

Explore the date picker dialog, a calendar pop-up that returns the selected date as a date time object. Include a start date parameter and navigate with chevrons; cancel with X.

Explore the font dialog in TK bootstrap, enabling a font selector with preview, adjustable size, and format options; instantiate the font dialog and call show to display it.

Explore the message box dialog in tk bootstrap, learn to set message, title, and alert, and retrieve the user's response, with variations like ok, ok cancel, retry cancel, and yes/no.

Learn to create and show toast notifications with TCP bootstrap by setting a title and message, choosing a duration in milliseconds, and optionally enabling an alert sound.

Explore the tooltip component in TK bootstrap, attaching tooltips to two buttons and revealing default and danger themed messages on hover for user guidance.

Review the section resources file containing all code for the tk bootstrap api; enter, run, and adjust the code to practice the api and learn its components.

Develop a basic adding machine UI in Python that sums two text entry field values via an equals button and displays the result, with clear functionality and lambda/command usage.

Build a simple contact entry UI that collects first name, last name, and email, saving data to a CSV file via Save As dialog box and clear and save buttons.

Create a text reader that loads a selected file into a scrolled text box, using a browse button and open file dialog to display content and update the path.

Build collapsible frames by combining a scrolled frame, label, and buttons to create multi-frame UI. Use lambda functions to toggle visibility with grid forget, expanding or collapsing each frame area.

Explore a ui template for a chat interface, with a starter window, menu bar, status dropdown, text area, and send button, plus placeholder save and send functions for customization.

Finish this course with a solid tk bootstrap foundation and upgrade your apps through widget layouts, theming, styling, and wiring UI with Python backends.