Want to side text to sidebar tool-tip

If you’re creating a debugging post, please include the following info:

  1. Are you running your app locally or is it deployed?
    Locally

  2. If your app is deployed:
    a. Is it deployed on Community Cloud or another hosting platform?
    Not deployed

  3. Share the link to your app’s public GitHub repository (including a requirements file)
    https://github.com/increff-saurabh-mittal/FORMIT

  4. Share the full text of the error message (not a screenshot).
    I want to add text message(Get started) to tool tip of sidebar

  5. Share the Streamlit and Python versions.
    Streamlit - version 1.32.2
    python version - 3.9.16

I have two requirements
One i want to add text to tooltip of sidebar expansion button.
Second i want the text of sidebar should be adjustable to width of sidebar, currently i have to scroll.

This is code that i am using

    st.sidebar.title("Example Prompts:")

    # Use HTML and CSS to format each prompt
    for i, prompt in enumerate(example_prompts):
        st.sidebar.markdown(f"<pre><code>{prompt}</code></pre>", unsafe_allow_html=True)```

Hi @Saurabh_Mittal,

Thanks for sharing this question!

Can you share more details on what is happening in the app? Like how is the content on the sidebar generated? Please, also include a link to your repo or more code snippets.

@tonykip Thank you so much for replying so quick, i needed to release this app soon

This is the whole code for sidebar.

example_prompts = [
        "Add a discount column which is 10 percent of MRP for size XXL , 20 percent of MRP for L and 50 percent of MRP for other sizes. Also add selling price column",
        "Using database convert this file into XYZ format",
        "Join both tables on style_code, and list all the sizes with respect to each category. For each category there should be a single row"
    ]

st.sidebar.title("Example Prompts:")

  # Use HTML and CSS to format each prompt
  for i, prompt in enumerate(example_prompts):
      st.sidebar.markdown(f"<pre><code>{prompt}</code></pre>", unsafe_allow_html=True)

This app is about where user can upload a file and give a prompt to transform the file.

Content of sidebar is hardcoded list of example prompts that user can give. That will be helpful for user to Get started with this app.

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.