Fix Streamlit containers relative to viewport instead of page
Project description
streamlit-float
Fix the vertical position of Streamlit containers relative to viewport instead of page
Installation
Install streamlit-float with pip:
pip install streamlit-float
Usage
This package provides two ways to float a container. The first is to call the float
method of a container:
import streamlit as st
from streamlit_float import *
# initialize float feature/capability
float_init()
col1, col2 = st.columns(2)
# Fix/float the whole column
col1.write("This entire column is fixed/floating")
col1.float()
with col2:
container = st.container()
# Fix/float a single container inside
container.write("This text is in a container that is fixed")
container.float()
Alternatively, you can use the float_parent
method:
import streamlit as st
from streamlit_float import *
# initialize float feature/capability
float_init()
col1, col2 = st.columns(2)
# Fix/float the whole column
with col1:
st.write("This entire column is fixed/floating")
float_parent()
with col2:
container = st.container()
# Fix/float a single container inside
with container:
st.write("This text is in a container that is fixed")
float_parent()
Note that the float feature does not work well with expander
and tabs
containers. Also, it is recommended to call the float methods on a container after all the content has been added to it.
If instead you would like to float/fix a container that is constructed in html markup and added using Streamlits markdown
method (with unsafe_allow_html=True
), make sure to add 'floating' to the containers classlist.
st.markdown('''<div class="floating">..content..</div>''', unsafe_allow_html=True)
License
This project is licensed under the MIT License
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
Hashes for streamlit_float-0.3.5-py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | fa329f37b6e9280fa06519fa0ca89e1d5605b38240f49395700312e7a679e47e |
|
MD5 | 7ecb83cd101ca6dd24e25cee3485e5b3 |
|
BLAKE2b-256 | 7445c4ff347f85e575de70cf225f7ec57db04d80a6d693b8afde2575a1183dea |