Skip to main content

Fix Streamlit containers relative to viewport instead of page

Project description

streamlit-float PyPi - Downloads

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


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

streamlit-float-0.3.5.tar.gz (13.2 kB view details)

Uploaded Source

Built Distribution

streamlit_float-0.3.5-py3-none-any.whl (12.0 kB view details)

Uploaded Python 3

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

Hashes for streamlit-float-0.3.5.tar.gz
Algorithm Hash digest
SHA256 a7cf12214e97bb99ed7cc25470af68974e5a51f65a956f31acf7b840d00cd153
MD5 5c867afac8736c12ce0e0b6f62cba671
BLAKE2b-256 49e9133e3c5f42dd0db83263c1c1c67364390c68371fa4fbc945b2df867715c5

See more details on using hashes here.

File details

Details for the file streamlit_float-0.3.5-py3-none-any.whl.

File metadata

File hashes

Hashes for streamlit_float-0.3.5-py3-none-any.whl
Algorithm Hash digest
SHA256 fa329f37b6e9280fa06519fa0ca89e1d5605b38240f49395700312e7a679e47e
MD5 7ecb83cd101ca6dd24e25cee3485e5b3
BLAKE2b-256 7445c4ff347f85e575de70cf225f7ec57db04d80a6d693b8afde2575a1183dea

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page