Plotly graph does not respect given indentation

[AliE89]

Hello Sebastien,

Is ploty.Figure() intended to follow the usal indentation given to nest objects?

Please find below a silly example where it looks like it does not:

from trame.app import get_server
from trame.ui.vuetify import SinglePageLayout
from trame.widgets import vuetify, plotly

# -----------------------------------------------------------------------------
# Trame setup
# -----------------------------------------------------------------------------

server = get_server()
state, ctrl = server.state, server.controller

# -----------------------------------------------------------------------------
# GUI
# -----------------------------------------------------------------------------

state.trame__title = "Plotly"

with SinglePageLayout(server) as layout:
    layout.title.set_text("trame ❤️ plotly")
    with layout.toolbar:
        vuetify.VSpacer()
        vuetify.VSelect(
            v_model=("active_plot", "Contour"),
            items=("plots", ['do nothing']),
            hide_details=True,
            dense=True,
        )
 
    with layout.content:
        with vuetify.VContainer(fluid=True):
            with vuetify.VRow(dense=True):
                figure = plotly.Figure()
            
            with vuetify.VRow():
                with vuetify.VCol():
                    vuetify.VSlider(
                        v_model=(f"slider", 0),
                        label='slider',
                        min=0,
                        max=10,
                        step=1
                    )

# -----------------------------------------------------------------------------
# Main
# -----------------------------------------------------------------------------

if __name__ == "__main__":
    server.start()

Thank you!

[jourdain]

If you don't assign any size to your row, the figure will have a 0 height.

[AliE89]

Ok... Silly stuff, I'll give it a go setting some size. Many thanks. Il Mar 16 Apr 2024, 20:36 Sebastien Jourdain (Kitware) < ***@***.***> ha scritto:

…

If you don't assign any size to your row, the figure will have a 0 height. — Reply to this email directly, view it on GitHub <#497 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AL4ZV6T2H4VJK475QPRXVELY5VVTPAVCNFSM6AAAAABGJ3JIR2VHI2DSMVQWIX3LMV43SRDJONRXK43TNFXW4Q3PNVWWK3TUHM4TCMZTG43TQ> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[AliE89]

Adding here the minor revision to the code just in cases:

with vuetify.VRow(dense=True, style='min-height': 500px;):
    figure = plotly.Figure()

Cheers