def stack_on_submit(e):
stack = e.control
stack.controls.insert(
0, Message("Form has been submitted!",
type='success',
dismiss=True))
stack.update()
def message_with_on_dismiss():
def message_dismissed(e):
t.value = "Message dismissed!"
stack.update()
m = Message(value='Message with on_dismiss event',
dismiss=True,
on_dismiss=message_dismissed)
t = Text()
stack = Stack(controls=[m, t])
return stack
def message_with_on_dismiss_and_buttons():
def message_dismissed(e):
t.value = f"Message dismissed with {e.data} action"
stack.update()
m = Message(value='Message with on_dismiss event and buttons',
dismiss=True,
on_dismiss=message_dismissed,
buttons=[MessageButton('OK'),
MessageButton('Cancel')])
t = Text()
stack = Stack(controls=[m, t])
return stack
def messages():
return Stack(
width='70%',
gap=20,
controls=[
Text("Messages", size="xLarge"),
Message(value='This is just a message.'),
Message(value='Success message with dismiss button',
dismiss=True,
type='success'),
Message(value='Error message with dismiss button',
dismiss=True,
type='Error'),
Message(
type='blocked',
truncated=True,
dismiss=True,
value=
'Blocked Message - single line, with dismiss button and truncated text. Truncation is not available if you use action buttons or multiline and should be used sparingly. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi luctus, purus a lobortis tristique, odio augue pharetra metus, ac placerat nunc mi nec dui. Vestibulum aliquam et nunc semper scelerisque. Curabitur vitae orci nec quam condimentum porttitor et sed lacus. Vivamus ac efficitur leo. Cras faucibus mauris libero, ac placerat erat euismod et. Donec pulvinar commodo odio sit amet faucibus. In hac habitasse platea dictumst. Duis eu ante commodo, condimentum nibh pellentesque, laoreet enim. Fusce massa lorem, ultrices eu mi a, fermentum suscipit magna. Integer porta purus pulvinar, hendrerit felis eget, condimentum mauris. You\'ve been warned!'
),
Message(type='warning',
dismiss=True,
value='Warning message with buttons',
buttons=[
MessageButton(text='Yes', action='yes'),
MessageButton(text='No', action='no')
]),
Message(
type='severeWarning',
multiline=True,
value=
'SevereWarning defaults to multiline. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi luctus, purus a lobortis tristique, odio augue pharetra metus, ac placerat nunc mi nec dui. Vestibulum aliquam et nunc semper scelerisque. Curabitur vitae orci nec quam condimentum porttitor et sed lacus. Vivamus ac efficitur leo. Cras faucibus mauris libero, ac placerat erat euismod et. Donec pulvinar commodo odio sit amet faucibus. In hac habitasse platea dictumst. Duis eu ante commodo, condimentum nibh pellentesque, laoreet enim. Fusce massa lorem, ultrices eu mi a, fermentum suscipit magna. Integer porta purus pulvinar, hendrerit felis eget, condimentum mauris.',
buttons=[MessageButton('OK'),
MessageButton('Cancel')]),
message_with_on_dismiss(),
message_with_on_dismiss_and_buttons()
])
def tabs(page):
message = Message(dismiss=True, visible=False)
def tabs_changed(e):
message.visible = True
message.value = f'Tabs changed to "{e.control.value}", count increased'
e.control.tabs[2].count += 1
page.update()
link_tabs = Tabs(margin=10,
on_change=tabs_changed,
tabs=[
Tab(text='Regular tab',
controls=[
Stack(horizontal=True,
controls=[
Text('This is tab1'),
Text('This is tab1 - line2')
])
]),
Tab(icon='Globe',
text='Tab with icon',
controls=[
Stack(gap=10,
controls=[
Text(value='This is tab2'),
Text(value='This is tab2 - line2')
])
]),
Tab(text='Tab with icon and count',
icon='Ringer',
count=0,
controls=[
Stack(gap=10,
controls=[
Text('This is tab3'),
Text('This is tab3 - line2')
])
])
])
solid_tabs = Tabs(solid=True,
margin='10px',
tabs=[
Tab(text='JavaScript',
icon='Code',
count=10,
controls=[Textbox(label='Some textbox')]),
Tab(text='C#',
count=30,
controls=[Button(text='Hello button!')]),
Tab(text='Python',
count=0,
controls=[Text(value='Just text...')])
])
return Stack(
gap=30,
width='50%',
controls=[
message,
Stack(controls=[
Text("Link tabs with Change event", size="xLarge"), link_tabs
]),
Stack(controls=[Text("Solid tabs", size="xLarge"), solid_tabs])
])
def menu_item_expanded(e):
page.controls.insert(
0, Message(value=f'Menu item "{e.data}" was expanded',
dismiss=True))
page.update()
def menu_item_changed(e):
page.controls.insert(
0,
Message(value=f'Menu item was changed to "{nav1.value}"',
dismiss=True))
page.update()
page.add(
Link(value='Start action', url=None, new_window=False, onclick=link_click))
page.add(
Toggle(value=True,
label='This is toggle',
on_text='On text',
off_text='Off text',
inline=True,
onchange=toggle_change))
page.add(
Message(value='This is message',
dismiss=True,
ondismiss=message_dismissed,
buttons=[
MessageButton(text='Yes, I agree', action='Yes'),
MessageButton(text='No, I disagree', action='No')
]))
page.add(
Checkbox(value=True,
label='I am a human',
box_side='start',
data='data to pass',
onchange=checkbox_changed))
page.add(
ChoiceGroup(value='colour',
label='Select a colour:',
data='data to pass',
def item_clicked(e):
page.controls.insert(
0,
Message(value=f'Menu item "{e.control.text}" was clicked',
dismiss=True))
page.update()