Spaces:
Runtime error
Runtime error
none
commited on
Commit
·
4a4f597
1
Parent(s):
045d7d4
Try to fix broken button color
Browse files- streamlit_viz.py +45 -3
streamlit_viz.py
CHANGED
@@ -235,19 +235,61 @@ def main():
|
|
235 |
layout=go.Layout(
|
236 |
updatemenus=[{
|
237 |
'type':'buttons',
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
238 |
'buttons':[{
|
239 |
'label':'Play',
|
240 |
'method': 'animate',
|
241 |
'args':[None, {
|
242 |
'frame': {'duration':5000},
|
243 |
-
'transition': {'duration': 2500}
|
244 |
-
}]
|
245 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
246 |
}]
|
247 |
)
|
248 |
)
|
249 |
st.plotly_chart(ani_fig)
|
250 |
|
|
|
251 |
if __name__=='__main__':
|
252 |
main()
|
253 |
|
|
|
235 |
layout=go.Layout(
|
236 |
updatemenus=[{
|
237 |
'type':'buttons',
|
238 |
+
# Streamlit's dark mode erases the text from this button
|
239 |
+
# but it shows up in light mode
|
240 |
+
# also, st.button() buttons show up fine in dark mode
|
241 |
+
|
242 |
+
# Trying some of these to see whether I can get the button text to show up
|
243 |
+
# https://plotly.com/python/reference/layout/updatemenus/
|
244 |
+
|
245 |
+
# this doesn't have any effect
|
246 |
+
# in either light or dark mode
|
247 |
+
# `fill` value is rgb(244, 250, 255) still
|
248 |
+
# when I change this, the browser debugger says that the <text> tag is updating
|
249 |
+
# not the surrounding <rect>
|
250 |
+
# also there isn't any change in the <text> tag, it just updates
|
251 |
+
'bgcolor': '#00f',
|
252 |
+
|
253 |
+
# This does make the text show up so that's good
|
254 |
+
'font': {'color': '#639'},
|
255 |
+
# And this one works too
|
256 |
+
'bordercolor': '#f7b',
|
257 |
+
|
258 |
+
# set all buttons to inactive
|
259 |
+
# to see whether that gives them all bgcolor
|
260 |
+
# yep that works
|
261 |
+
#'active': -1,
|
262 |
+
|
263 |
+
# Or set showactive to False?
|
264 |
+
# Also works
|
265 |
+
'showactive': False,
|
266 |
+
|
267 |
+
# they always flash white on mouseover though
|
268 |
+
# I'm not sure I can change that behavior
|
269 |
+
|
270 |
+
# The actual html "style" text in the page changes when I mouseover the elements
|
271 |
+
# which makes me think it's not something I can affect
|
272 |
+
|
273 |
'buttons':[{
|
274 |
'label':'Play',
|
275 |
'method': 'animate',
|
276 |
'args':[None, {
|
277 |
'frame': {'duration':5000},
|
278 |
+
'transition': {'duration': 2500},
|
279 |
+
}],
|
280 |
+
},
|
281 |
+
# Now this one gets the bgcolor
|
282 |
+
# and if I click it then the other button gets
|
283 |
+
# the bgcolor
|
284 |
+
# so a button only gets bgcolor if it's not "active"
|
285 |
+
{'label': 'Button 2', 'method':'skip'}
|
286 |
+
]
|
287 |
}]
|
288 |
)
|
289 |
)
|
290 |
st.plotly_chart(ani_fig)
|
291 |
|
292 |
+
|
293 |
if __name__=='__main__':
|
294 |
main()
|
295 |
|