Button

Simple example:

b = ui.Button(text="Push me")
open in new tab

Example with interaction:

from flexx import app, ui, event

class Example(ui.BoxPanel):

    def init(self):
        with ui.VBox():
            self.b1 = ui.Button(text='apple')
            self.b2 = ui.Button(text='banana')
            self.b3 = ui.Button(text='pear')
            self.buttonlabel= ui.Label(text='...')
        with ui.VBox():
            self.r1 = ui.RadioButton(text='apple')
            self.r2 = ui.RadioButton(text='banana')
            self.r3 = ui.RadioButton(text='pear')
            self.radiolabel = ui.Label(text='...')
        with ui.VBox():
            self.c1 = ui.CheckBox(text='apple')
            self.c2 = ui.CheckBox(text='banana')
            self.c3 = ui.CheckBox(text='pear')
            self.checklabel = ui.Label(text='...')

    class JS:

        @event.connect('b1.mouse_click', 'b2.mouse_click','b3.mouse_click',  )
        def _button_clicked(self, *events):
            ev = events[-1]
            self.buttonlabel.text = 'Clicked on the ' + ev.source.text

        @event.connect('r1.checked', 'r2.checked','r3.checked')
        def _radio_changed(self, *events):
            # There will also be events for radio buttons being unchecked, but
            # Flexx ensures that the last event is for the one being checked
            ev = events[-1]
            self.radiolabel.text = 'Selected the ' + ev.source.text

        @event.connect('c1.checked', 'c2.checked','c3.checked',  )
        def _check_changed(self, *events):
            selected = [c.text for c in (self.c1, self.c2, self.c3) if c.checked]
            if selected:
                self.checklabel.text = 'Selected: ' + ', '.join(selected)
            else:
                self.checklabel.text = 'None selected'
open in new tab

class flexx.ui.BaseButton(*init_args, **kwargs)

Inherits from: Widget

Abstract button class.

checked

property – Whether the button is checked. Applicable for CheckBox, RadioButton and ToggleButton.

disabled

property – Whether the button is disabled.

mouse_click

emitter – Event emitted when the mouse is clicked.

See mouse_down() for a description of the event object.

text

property – The text on the button.

class flexx.ui.Button(*init_args, **kwargs)

Inherits from: BaseButton

A push button.

class flexx.ui.CheckBox(*init_args, **kwargs)

Inherits from: BaseButton

A checkbox button.

class flexx.ui.RadioButton(*init_args, **kwargs)

Inherits from: BaseButton

A radio button. Of any group of radio buttons that share the same parent, only one can be active.

class flexx.ui.ToggleButton(*init_args, **kwargs)

Inherits from: BaseButton

A button that can be toggled. It behaves like a checkbox, while looking more like a regular button.