Saw this in awesome-streamlit. How to actually do that blue color text box?
Is it possible to have such container too wrapping other elements like graph, table, dataframe etc?
Saw this in awesome-streamlit. How to actually do that blue color text box?
Is it possible to have such container too wrapping other elements like graph, table, dataframe etc?
Hello @Keeb_Thock
The blue box containing the message comes from the st.info method. The associated st.sucess
, st.warning
, st.error
and st.exception
will give you the green, yellow and red variants.
This is reserved for text blocks for now (I would guess this is because the underlying library is a Markdown parser which would make it hard to inject Streamlit widget HTML in there ) I don’t think there is a plan to bring this to Streamlit containers but that could be an interesting idea. If you have some time, could you bring it as an issue here with eventually a visual example ?
Have a nice day,
Fanilo
Is there like any hack to color the container background and show its border using css?
You can using the CSS in markdown hack
, you can basically put CSS in the app and unsafe_allow_html
to True
in st.markdown
to have it parsed (as long as your CSS selectors are specific enough to point to the correct widget everything is possible), some examples in the following :
Fanilo
These cookies are necessary for the website to function and cannot be switched off. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms.
These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us understand how visitors move around the site and which pages are most frequently visited.
These cookies are used to record your choices and settings, maintain your preferences over time and recognize you when you return to our website. These cookies help us to personalize our content for you and remember your preferences.
These cookies may be deployed to our site by our advertising partners to build a profile of your interest and provide you with content that is relevant to you, including showing you relevant ads on other websites.