hystakop Comments

hystakop

•Created by hystakop on 10/18/2024 in #help-support

Label widget placement

using the mo.html : mo.Html("""<div style='width: 100%; height: 10px; background-color: rgba(255, 165, 0, 0);'></div>"""), do you have a better solution ?

11 replies

Mmarimo

•Created by hystakop on 10/18/2024 in #help-support

Label widget placement

that's a solution. Alternatively, I thought about creating a mo.md() for each widget to replace the label and play with the justify / align in the mo.vstack / hstack. Do you have a simple solution to create an empty space ? My idea would be to clearly separate the different blocks (mo.md() + its associated widget) :

mo.vstack([slider_name, slider_widget, space, checkbox_name, checkbox_widget],align = "center")

mo.vstack([slider_name, slider_widget, space, checkbox_name, checkbox_widget],align = "center")

11 replies

Mmarimo

•Created by hystakop on 10/18/2024 in #help-support

Label widget placement

ok, If I do mo.ui.number(start=0, step=0.25, stop=2, value=0.5, label="gap",full_width=True).center(), the label is above but not centred with respect to the widget. Also for some widgets (checkbox), there is no full_width arg. Isn't there a way to have the labels above and centred in relation to the widgets for all the widgets of the app?

11 replies

Mmarimo

•Created by hystakop on 10/18/2024 in #help-support

Label widget placement

I'm not sure to understand, if I do mo.ui.slider(0,10,1,label="Slider",full_width=True).text().center(), it gives the following error TypeError This cell raised an exception: TypeError(''str' object is not callable')

11 replies

Mmarimo

•Created by hystakop on 10/18/2024 in #help-support

Label widget placement

thanks for your quick reply. Indeed full_width=True put the label above but it seems to modify the width of some widgets (tested on slider and number). If inside a vstack, the widget is expanded over the entire cell. If inside a hstack, the widget takes the label width. Also I would like to center the label on the widget if possible

11 replies

Mmarimo

•Created by hystakop on 5/16/2024 in #archived-help-and-support

Hi, in the sidebar doc example, all the

Found 'height':'100vh' working, if there is a cleaner/better way, I'm interested. Thanks again for your reactivity

6 replies

Mmarimo

•Created by hystakop on 5/16/2024 in #archived-help-and-support

Hi, in the sidebar doc example, all the

So this code would work ?

mo.vstack(
    [
        mo.hstack([mo.ui.checkbox(), mo.ui.text(), mo.ui.date()]),
    ],justify='end'
).style({'height':'400px'})

If yes, do you know how to make the height responsive to the window ? I thought about 'height':'100%' but it doesn't work

6 replies

Mmarimo

•Created by hystakop on 5/16/2024 in #archived-help-and-support

Hi, in the sidebar doc example, all the

would be perfect, thanks !

6 replies