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: