Changing width of components inside rows

Hey!

This code pn.Row(t.param.target_raise, pn.pane.HTML(tooltip(text))) renders:

It seems that Panel divides the width 50/50 to each component, but I would like to have the input taking like 90% of the width of the row. Does anyone know how I could make it?

1 Like

Hi @mendesfabio

Something like this could work

import panel as pn

pn.Row(
    pn.widgets.TextInput(value="25000000", name="Target Goal (wxDai)", sizing_mode="stretch_width"),
    pn.pane.HTML("🐍", sizing_mode="fixed", width=25, align="end", margin=(10,5,10,10))
).servable()

1 Like