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
File details
Details for the file streamlit-float-0.3.5.tar.gz
.
File metadata
- Download URL: streamlit-float-0.3.5.tar.gz
- Upload date:
- Size: 13.2 kB
- Tags: Source
- Uploaded using Trusted Publishing? No
- Uploaded via: twine/5.0.0 CPython/3.9.12
File hashes
Algorithm | Hash digest | |
---|---|---|
SHA256 | a7cf12214e97bb99ed7cc25470af68974e5a51f65a956f31acf7b840d00cd153 |
|
MD5 | 5c867afac8736c12ce0e0b6f62cba671 |
|
BLAKE2b-256 | 49e9133e3c5f42dd0db83263c1c1c67364390c68371fa4fbc945b2df867715c5 |
File details
Details for the file streamlit_float-0.3.5-py3-none-any.whl
.
File metadata
- Download URL: streamlit_float-0.3.5-py3-none-any.whl
- Upload date:
- Size: 12.0 kB
- Tags: Python 3
- Uploaded using Trusted Publishing? No
- Uploaded via: twine/5.0.0 CPython/3.9.12
File hashes
Algorithm | Hash digest | |
---|---|---|
SHA256 | fa329f37b6e9280fa06519fa0ca89e1d5605b38240f49395700312e7a679e47e |
|
MD5 | 7ecb83cd101ca6dd24e25cee3485e5b3 |
|
BLAKE2b-256 | 7445c4ff347f85e575de70cf225f7ec57db04d80a6d693b8afde2575a1183dea |