I want click and then next additional explanation

plotly.js
1

Hi.
I has been making that if the button click and then show additional explanation.
I want show like memo!!

%EC%9A%B1%EC%9D%B4%EA%BA%BC%20%EC%A7%88%EB%AC%B8%ED%95%A0%EA%B1%B0
욱이꺼 질문할거.png1920×1080 164 KB

Can you see the picture?
If I click the drift word and then show addtional explanantion.

And how move the pictrue where I want location ( I want move the picture the bottom)

2

I imagine this is kinda hard to do with the current CSS grid implementation. You need to define where the pop-up is supposed to sit from the beginning. You can try to put it inside an additional html.Div() and make that Div a className=‘row’ perhaps.

Also was thinking that one could combine Dash with another CSS framework like bootstrap, as bootstrap provides a couple more advanced design options (including descriptions on Hover). Don’t know if anybody has tried that so far though.

EDIT: To specify further, i think you need to make a callback for the button similar to this

@app.callback(
   Output('your_additional_info_div', 'style'),
   [Input('your_button_id', 'n_clicks')]
)
def setTipVisibility(n_clicks):
   if n_clicks%2:
      return {'display': 'none'}
   else:
      return {'display': 'block'}
1 Like