How to make View Fullscreen for image to be always visible

Using Streamlit
1

I want this button to be always visible and doesn’t require hovering over the image.

2

Hi @intolighter,

This might have unintended consequences, but here is a minimal example of how to accomplish this by inserting some CSS

import streamlit as st

st.image("https://placekitten.com/500/300")

st.markdown(
    """
<style>
button {
    opacity: 1 !important;
    transform: scale(1) !important;
}
</style>
""",
    unsafe_allow_html=True,
)
3

Thanks, the idea is great. But it would be better to apply style by constraining selector button[title="View fullscreen"]

1 Like
4

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.