Place st.title vertically

Summary

I want to place the title adjacent to the table vertically, and not at the top.

Steps to reproduce

Code snippet:

st.title("Revenue Schedule")

As seen in the image, i would like to see the title on the left hand side. Is that possible in Streamlit? Or if there is any work around for that?

Hi @salihhh,

Currently, it’s not possible to achieve this through a text widget in Streamlit. However, if you’re keen on a workaround, you could consider adding an image using the st.image() function.

Best,
Charly

1 Like

You could use CSS transformations for it.

import streamlit as st

from streamlit_extras.stylable_container import stylable_container


article = st.columns((1, 10))
with article[0]:
    with stylable_container(
        "h3",
        """
    h3 {
        transform-origin: 0 0;
        transform: rotate(90deg);
        }""",
    ):
        st.subheader("HEADER")
with article[1]:
    st.write(
        "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."
    )

1 Like

Great trick, @CarlosSerrano - Thank you!

Charly

1 Like