Modify Dash footer text to include a clickable URL link

Loading data from Talking to Chatbots Dataset reddgr/talking-to-chatbots-chats

😎 html.Footer(
f”Fuente: https://www.meff.es/esp/Derivados-Financieros/Ficha/FIEM_MiniIbex35 \
(Última actualización: {caption_date})”,
style={
“position”: “fixed”,
“left”: “4”,
“bottom”: “0”,
“fontSize”: “16px”,
“background”: “transparent”,
“color”: “gray”,
},

I’m using the Dash library. Modify the footer text so the URL becomes a link
🤖 To make the URL in the footer text a clickable link, you can wrap it in an anchor (``) tag. Here’s how you can modify the footer text:

python
html.Footer(
    [
        "Fuente: ",
        html.A(
            "https://www.meff.es/esp/Derivados-Financieros/Ficha/FIEM_MiniIbex35",
            href="https://www.meff.es/esp/Derivados-Financieros/Ficha/FIEM_MiniIbex35",
            target="_blank",  # Open link in a new tab
        ),
        f" (Última actualización: {caption_date})"
    ],
    style={
        "position": "fixed",
        "left": "4",
        "bottom": "0",
        "fontSize": "16px",
        "background": "transparent",
        "color": "gray",
    },
)



This code wraps the URL in an anchor tag (`
`) with the `href` attribute set to the URL, making it clickable. The `target=”_blank”` attribute ensures that the link opens in a new tab.

Hugging Face Dataset Metrics

All the conversation prompts, responses, and metrics are available to download and explore on Hugging Face dataset reddgr/talking-to-chatbots-chats: