Inner loading element #3637
Replies: 2 comments
-
with ui.card().classes('w-96 h-96'):
with ui.element().classes('w-[320px] h-[320px]') as card:
card.set_visibility(False)
for i in range(2):ui.label('Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel magna eu risus laoreet tristique. Nulla ut fermentum elit, nec consequat augue. Morbi et dolor nec metus tincidunt pellentesque. Nullam non semper ante. Fusce pellentesque sagittis felis quis porta. Aenean condimentum neque sed erat suscipit malesuada. Nulla eget rhoncus enim. Duis dictum interdum eros').classes('mb-4')
with ui.element('q-inner-loading').props('showing') as loading:
ui.spinner('gears',size='5em')
ui.label('Please waiting...')
ui.timer(3,lambda :(loading.props(remove='showing'),card.set_visibility(True)),once=True) |
Beta Was this translation helpful? Give feedback.
0 replies
Answer selected by
JacobMaldonado
-
Thank you so much! |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Question
Hi Team.
I am looking to show an inner loading like the Quasar one but I had no luck.
Is it there any way to do this in nicegui?
Thanks in advance.
Beta Was this translation helpful? Give feedback.
All reactions