[Question] Can someone explain me about styling the disabled ElevatedButtons

[Kiueeukou]

Question

help teach me about styling disabled ElevatedButtons

Code sample

ElevatedButton(disabled = True)

Error message

No response

------------------------------------------------------

• I have searched for answers to my question both in the issues and in previous discussions.

[ndonkoHenri]

Below is a simple example, in which the text style of the button's text depends on it's state (whether disabled or not).

import flet as ft


def main(page: ft.Page):
    def handle_switch_change(e):
        my_button.disabled = e.control.value
        page.update()

    my_button = ft.ElevatedButton(
        text="Toggle the switch to see my text style change",
        style=ft.ButtonStyle(
            text_style={
                ft.ControlState.DISABLED: ft.TextStyle(
                    size=20, weight=ft.FontWeight.BOLD
                ),
                ft.ControlState.DEFAULT: ft.TextStyle(size=10, italic=True),
            }
        ),
    )
    page.add(
        my_button,
        ft.Switch("Disable Button", value=False, on_change=handle_switch_change),
    )


ft.app(main)

Checkout the ButtonStyle properties to know what else you could change depending on the button's state.

[Kiueeukou]

thank you so much ❤️