Edit Dash DAQ component size

Dash Python
1

Hi, I would like to change the width of daq.Tank() object. The html.Div() has a style dict but the component width or size is not varying. Any tips?

html.Div(
    daq.Tank(
        id='total-positions-tank',
        label={
            'label': 'Pos',
            'font-size': '10px'
        },
        labelPosition='bottom',
        value=33,
        showCurrentValue=True,
        min=0,
        max=60,
        scale={
            'custom': {
                '0': '',
                '20': 'Low: 20',
                '60': 'High: 60',
             }
         },
         color='green',
         size=100,
         style= {'margin-left': '30px'}
    ),
    style={'width': '20%'}
)
2

Hello @daniels, at the moment the width of a daq.Tank is hardcoded at 112 px. I opened an issue to expose a width parameter which would solve your issue (https://github.com/plotly/dash-daq/issues/65), please stay tuned!

3

Hello @Emmanuelle, awesome! Thanks for the prompt reply and opening an issue.