From 450991bd7489b177de37f12964c2cf8059cc3c5a Mon Sep 17 00:00:00 2001 From: Falko Schindler Date: Thu, 13 Apr 2023 19:16:28 +0200 Subject: [PATCH] #747 add a context menu demo --- website/more_documentation/menu_documentation.py | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/website/more_documentation/menu_documentation.py b/website/more_documentation/menu_documentation.py index 252e3f3a0..5dcfe7285 100644 --- a/website/more_documentation/menu_documentation.py +++ b/website/more_documentation/menu_documentation.py @@ -1,5 +1,7 @@ from nicegui import ui +from ..documentation_tools import text_demo + def main_demo() -> None: with ui.row().classes('w-full items-center'): @@ -12,3 +14,16 @@ def main_demo() -> None: lambda: result.set_text('Selected item 3'), auto_close=False) ui.separator() ui.menu_item('Close', on_click=menu.close) + + +def more() -> None: + @text_demo('Custom Context Menu', ''' + Using Quasar's `context-menu` and `touch-position` props, you can create custom context menus. + ''') + def custom_context_menu() -> None: + with ui.image('https://picsum.photos/id/377/640/360'): + with ui.menu().props('context-menu touch-position'): + ui.menu_item('Flip horizontally') + ui.menu_item('Flip vertically') + ui.separator() + ui.menu_item('Reset')