The EASIEST way to insert a NAVIGATION into your Streamlit app

แชร์
ฝัง
  • เผยแพร่เมื่อ 12 ม.ค. 2025

ความคิดเห็น • 238

  • @CodingIsFun
    @CodingIsFun  2 ปีที่แล้ว +8

    *I will be here in the comments section. If you have any questions, please let me know.*

    • @安田源
      @安田源 2 ปีที่แล้ว

      hello,how to change tab location to top-left?

    • @ranjithmahendran5453
      @ranjithmahendran5453 2 ปีที่แล้ว

      Does the option argument only take 3 parameters? Unable to add more than three options…

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      @@ranjithmahendran5453 Thanks for watching. No, you can add more items to the options list.

    • @prabhatrawat4394
      @prabhatrawat4394 2 ปีที่แล้ว

      i am getting float error while using the lib. Any possible reason?

    • @shritamkumarmund5273
      @shritamkumarmund5273 ปีที่แล้ว

      Awesome, can you tell me how to add nested drop-down navigation bar using this.

  • @blindsight8128
    @blindsight8128 2 ปีที่แล้ว +6

    And now I have to re-design my entire web app.. This is insanely awesome!

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว +1

      Glad you like it! Thanks for watching the video and your comment! :)

  • @adekamana1964
    @adekamana1964 2 ปีที่แล้ว +4

    I just yesterday tried to make site navigation. Thanks for the tutorial. Now everything works!

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      Great to hear that! :)

    • @supersteve1585
      @supersteve1585 9 หลายเดือนก่อน +1

      did you link a page to each menu option?

  • @florianroeseler2404
    @florianroeseler2404 2 ปีที่แล้ว +9

    Great production quality and so easy to understand!

  • @avinashke1
    @avinashke1 2 ปีที่แล้ว +1

    One of the best content creators on YT! It's peace to watch your videos.

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว +1

      Thank you so much for your kind words! Glad you like the videos.

  • @b.schloesser81
    @b.schloesser81 2 ปีที่แล้ว +2

    Ich habe erst jetzt deine Videos entdeckt und bin voll begeistert! Vielen Dank für deine tollen Beiträge!

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      Das freut mich zu hören! :)

  • @fevejakawa6811
    @fevejakawa6811 หลายเดือนก่อน

    thank you. I've learnt alot from this 3 mins tutorial

    • @CodingIsFun
      @CodingIsFun  หลายเดือนก่อน

      Thanks for leaving a comment and for taking the time to watch! Glad you liked it. -Sven ✌️

  • @FRUXT
    @FRUXT 2 ปีที่แล้ว +2

    I am discovering your channel, so cool ! Many thanks from France ^^

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      Merci! Greetings to France! :)

  • @marijnl963
    @marijnl963 ปีที่แล้ว +1

    This video could not have been more clear. Thank you!

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว

      Glad you liked it. Thanks for watching and taking the time to leave a comment!

  • @yuong8139
    @yuong8139 2 ปีที่แล้ว +1

    Adding some comments here to pump your engagement. Thanks for educating us with you invaluable knowledge.

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      Thank you very much for your support - I appreciate that! 🙏

  • @MrPelastus
    @MrPelastus 3 หลายเดือนก่อน

    Thanks for this video. Easy ti follow and it has added a pleasant look to my Streamlit project.

    • @CodingIsFun
      @CodingIsFun  3 หลายเดือนก่อน

      Glad I could help! Thanks for watching and for the kind words. -Sven ✌️

  • @pythoninoffice6568
    @pythoninoffice6568 2 ปีที่แล้ว +2

    Great tips. Thanks Sven!

  • @nekokuromoji9839
    @nekokuromoji9839 2 ปีที่แล้ว +3

    I really like your video. It's really to understand for a new person like me. Can I ask is there a way I can insert a hyperlink so when I select it will go to another website or another Streamlit page?

    • @hafsahmr9010
      @hafsahmr9010 2 ปีที่แล้ว

      Did you find a way to do this?

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      Great question, but unfortunately, I am not sure how to implement that 😕

  • @zhilee8729
    @zhilee8729 2 ปีที่แล้ว +3

    Very nice, easy to understand. One question: can you do the sub-menu by using streamlit?

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      Thanks for watching. As far as I know, this is not possible (yet) with this library

  • @prakashvinukonda329
    @prakashvinukonda329 2 ปีที่แล้ว +1

    Thanks for the wonderful stuff!!
    is there any way can we make that navbar fixed [becoz if the page is large if we scroll down the navbar gets disappearing]??

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว +1

      Thank you for watching the video and for your question. Unfortunately, I do not know how to implement that right off the bat. But it should be possible to use the last method (2:55 min) and then insert your custom CSS. Sorry that I cannot help further!

  • @astronemir
    @astronemir 2 ปีที่แล้ว +1

    Ok this is great. Why am I dealing with writing APIs for my code just to put it in a dashboard. This seems way easier to do it all in python and skip the api stage if not needed.

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      Glad it was helpful! :)

  • @nabylwinchester5703
    @nabylwinchester5703 2 ปีที่แล้ว +1

    how can i link the pages to the navigation bar. can you make avideo to link pages to the navigation bar /horizontal, thanks

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      Thanks for watching the video. Sorry, but I do not understand the question. Do you mean linking to an external website? Can you perhaps elaborate on what it is you're trying to achieve? Please provide some additional info. Thanks!

  • @jeyajassvine9888
    @jeyajassvine9888 2 ปีที่แล้ว +2

    Hello! I keep getting error of such
    ModuleNotFoundError: No module named 'streamlit_option_menu'
    I have already installed the package using pip command and also disabled Pylance in Vscode as initially the error was due to Pylance. But still no luck, any solutions?

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      I do not know your VS Code setup, but you might be executing the script with a different virtual env (in which you have not installed the streamlit-option-menu)

  • @timlambe8837
    @timlambe8837 2 ปีที่แล้ว +2

    Really nice! Thanks a lot!

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      A pleasure! Thanks for watching!

  • @jaggyjut
    @jaggyjut 2 ปีที่แล้ว +1

    Nice. How to build a dynamic form field component ? For example an invoice form in which one can enter product description and amount. If we click the + button a new line item will be created

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      Thanks for watching. What does the new line item object look like? Do you want to return a string to the user? Please provide additional information. Thanks!

    • @jaggyjut
      @jaggyjut 2 ปีที่แล้ว

      @@CodingIsFun the line item will be 4 fields; item no, item description, unit price and qty. for example
      1 - Apple- $1- 10
      2 - grapes - $2 - 5

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      @@jaggyjut Thanks for the further input, but I am still not sure where you want to return the line item. Should it be displayed as text on the web app or written in a database, google sheets docs, ...?

    • @jaggyjut
      @jaggyjut 2 ปีที่แล้ว

      @@CodingIsFun both please on front end and there should be a submit button that will push the values in the text boxes into a nosql database.

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      @@jaggyjut I hope you understand that I cannot code out the entire solution, but I have created the following example for you to get you started:
      pastebin.com/ANx7SBEd
      Running the script will result in the following web app:
      www.screencast.com/t/X4VSJTBVL
      I hope it helps! Happy Coding!

  • @mayconc.rusher959
    @mayconc.rusher959 2 ปีที่แล้ว +1

    Hello mr.
    I need to make an inventory control chart monitoring which materials are being used the most but so far I have not been able to add it, data is stored in a csv file in columns with the headers: ITEM, QTY, MACHINE, OP, TEC and TURN(1, 2 or 3)
    Can you help me?

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว +1

      Thank you very much for watching the video and your comment. Your requirements are well noted. Yet, I receive many requests for creating individual solutions. As much as I want to help, I simply do not find the time in my daily schedule to develop & test all the different requests. I hope you can understand. Thank you!

  • @yunguo99
    @yunguo99 2 ปีที่แล้ว

    really thank you. I was looking for this and you solved this for me.

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      Happy to hear that it was useful; thank you for taking the time to leave a comment and for watching the video!

  • @dfrecipes1138
    @dfrecipes1138 2 ปีที่แล้ว +1

    Hi and thanks for the video. but... How can you call another page from this type of Navbar. a Navbar will usually call an HREF. but I can't figure out how to make this Navbar work to call other pages? any ideas?

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      Great question, but unfortunately, I am not sure how to implement that 😕

  • @steva93ful
    @steva93ful 2 ปีที่แล้ว +2

    Great video!
    Is it possible to make connections between sidebars? For example, one is input data, second model calculation, third results, etc. The second sidebar should take information from the first one. Third from second.

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว +1

      Thank you! Sorry, but I am not sure if that is possible.

  • @Challseus
    @Challseus 2 ปีที่แล้ว +1

    This is amazing stuff, thank you so much for this 💪🏾💪🏾💪🏾

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      A pleasure! Thanks for watching the video! :)

  • @gonzalopietraroia2868
    @gonzalopietraroia2868 2 ปีที่แล้ว +1

    How can i navigate into markdowns with de navbar?

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      I am not sure how to do that - sorry!

  • @challarashmitha55
    @challarashmitha55 2 ปีที่แล้ว +1

    How to add sub options under a option in the menu without using selectbox and dropdown??

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      I guess that is not possible. At least, I did not find an option in the GitHub repo: github.com/victoryhb/streamlit-option-menu

    • @challarashmitha55
      @challarashmitha55 2 ปีที่แล้ว

      @@CodingIsFun how can I move that bar to up when I make it horizontal?

  • @orafaelgf
    @orafaelgf 2 ปีที่แล้ว +2

    Great video. Do you could to creat a portfolio with streamline as well. Would be wonderful. Congrats.

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว +1

      Thanks. In the following video, I have not created a full-blown portfolio site, but it is a great start:
      th-cam.com/video/VqgUkExPvLY/w-d-xo.html
      Happy Coding!

    • @orafaelgf
      @orafaelgf 2 ปีที่แล้ว

      @@CodingIsFun thank you.

  • @mariamhamed9869
    @mariamhamed9869 2 ปีที่แล้ว +1

    please how to read 2 .txt file with python (header file and value file) and transform into a database (excel or csv table) and also read another .txt file and extract the limit value can you help me and thanks.

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      Have a look at the following blog article:
      www.geeksforgeeks.org/how-to-read-text-files-with-pandas/
      Depending on the text file structure you could use:
      data = pd.read_csv('output_list.txt', sep=" ", header=None)
      Once you have the data in a Pandas dataframe, you could retrieve the limit and also export it to excel/CSV: df.to_excel('filename.xlsx')
      I hope this helps!

  • @stateside3
    @stateside3 8 หลายเดือนก่อน

    Love the video. In fact, love all your videos. Extremely easy to follow and understand. I was able to use the horizontal menu bar for a web app successfully and it worked fine with iPhone iOS 16.x but as soon as the device was upgraded to iPhone iOS 17.x the navbar failed to display. Everything else in the app worked fine. Are you aware of a coding fix for this? I'd rather not wait for Apple to fix the issue 🙂. Thanks again for the videos.

    • @CodingIsFun
      @CodingIsFun  8 หลายเดือนก่อน

      Happy to hear that you are enjoying my video. Unfortunately, I am not sure how to fix the display issue you are experiencing. Cheers, Sven ✌️

  • @coldcontent4585
    @coldcontent4585 ปีที่แล้ว

    thanks a lot. a very productive and helpful video at all.

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว

      Glad it was helpful! 👍

  • @defathajourney9466
    @defathajourney9466 2 ปีที่แล้ว +1

    thank you for your great video. I just learn about the streamlit, and I had try your code. But there are some error (TypeError : Option_menu()got an unexpected keyword argument 'option_menu'. do you have solution for it ? thank you so much for your kindly replied

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      Thanks for watching the watching and your question. It is hard to tell from a distance what is causing the error. Try searching for the text of your error message on google/StackOverflow.

    • @defathajourney9466
      @defathajourney9466 2 ปีที่แล้ว

      @@CodingIsFun thank you so much for your information 😁

  • @viniciusoviedo
    @viniciusoviedo 2 ปีที่แล้ว +1

    Awesome content. Thanks for sharing!!

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว +1

      Glad you enjoyed it! Thanks for watching and your comment! :)

  • @xavierc1628
    @xavierc1628 2 ปีที่แล้ว

    Thank you so much for the video, amazing info source! I was wondering if there were a way to incorporate an anchor to the sidebar section, that would automatically scroll to the designated chunk of the same page, instead of redirecting the user to another page. I have found a solution with markdown but would like to keep the design showed in your video. Thanks!

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      Thank you for watching the video and for your question. Unfortunately, I do not know how to implement that right off the bat. I would also need to search the internet for a solution. Sorry that I cannot help!

  • @namvu607
    @namvu607 ปีที่แล้ว

    Really helpful. Many thanks for your sharing 🎯

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว

      Happy to hear that it was useful; thank you for taking the time to leave a comment and for watching the video! 👍

  • @datascience6176
    @datascience6176 2 ปีที่แล้ว +1

    how we can add backgroung image in sidebar in streamlit app

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว +1

      With custom CSS
      Check out this video: th-cam.com/video/pyWqw5yCNdo/w-d-xo.html

    • @datascience6176
      @datascience6176 2 ปีที่แล้ว

      @@CodingIsFun Thanks

  • @jodhvirsingh8677
    @jodhvirsingh8677 หลายเดือนก่อน

    Can you kindly explain what is the difference between setting up a navigation menu and setting up different pages of the app..

    • @CodingIsFun
      @CodingIsFun  หลายเดือนก่อน +1

      Thanks for watching! A navigation menu is a way to navigate through different pages in your app. Cheers, Sven ✌️

  • @leccaz2575
    @leccaz2575 ปีที่แล้ว

    thx for the great video sir!!,
    but i have a question.
    So i have a pages on my web that have another page.
    is it possible if pages can be a navbar beside a vertical position?
    glad you can answer it.
    sorry if my grammar's crak.
    thank you

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว

      Thanks for watching and your question. Yet, I am not sure what exactly you mean.

  • @eduardoteixeirajj
    @eduardoteixeirajj 2 ปีที่แล้ว +1

    great video, thank you!

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      A pleasure. Thanks for watching!

  • @brendankelly5140
    @brendankelly5140 2 ปีที่แล้ว +1

    Is there anyway to have the menu bar float over top as a navigation bar? I'm looking for something that won't be moved as the user scrolls.

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      This could be possible with some custom CSS. That said, I am not really a CSS expert.

    • @eurojourney
      @eurojourney 4 วันที่ผ่านมา

      Did you ever figure this out? It seems CSS will not do the trick because something in Streamlit overides the CSS

  • @MatheusSilva-lp3lu
    @MatheusSilva-lp3lu 2 ปีที่แล้ว +1

    hey man, can u help me please? I'm trying deploy an archive with option menu, but streamlit don't let me do it

    • @MatheusSilva-lp3lu
      @MatheusSilva-lp3lu 2 ปีที่แล้ว

      Vou falar em português também porque sou brasileiro LOL
      Eu estou tentando publicar um programa que desenvolvi com o option menu, mas dá um erro no streamlit que me impede de faze-lo. Você pode me ajudar?

    • @MatheusSilva-lp3lu
      @MatheusSilva-lp3lu 2 ปีที่แล้ว

      ModuleNotFoundError: This app has encountered an error. The original error message is redacted to prevent data leaks. Full error details have been recorded in the logs (if you're on Streamlit Cloud, click on 'Manage app' in the lower right of your app).
      Traceback:
      File "/home/appuser/venv/lib/python3.9/site-packages/streamlit/runtime/scriptrunner/script_runner.py", line 562, in _run_script
      exec(code, module.__dict__)
      File "/app/portfolio/apresentacao.py", line 8, in
      from streamlit_option_menu import option_menu

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว +1

      Thanks for watching. Ensure to include the package "streamlit-option-menu" in the requirements.txt file ⤵
      docs.streamlit.io/streamlit-cloud/get-started/deploy-an-app/app-dependencies

    • @MatheusSilva-lp3lu
      @MatheusSilva-lp3lu 2 ปีที่แล้ว +1

      @@CodingIsFun thank u my friend

  • @hafsahmr9010
    @hafsahmr9010 2 ปีที่แล้ว +1

    Thanks for the video. Is it possible to add links of streamlit pages to the menu options?

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      Great question, but unfortunately, I am not sure how to implement that 😕

  • @arunasrancevas6095
    @arunasrancevas6095 2 ปีที่แล้ว +1

    Was there an update to this? I am using orientation="horizontal", still remains vetical. I even copied your code, same issue?

    • @arunasrancevas6095
      @arunasrancevas6095 2 ปีที่แล้ว

      Here is the code:(
      with st.sidebar:
      selected = option_menu(
      menu_title="Epic Navigation bar",
      options=["Home", "Our Python Calculator", "The Crypto tool",],
      icons=["house", "calculator", "currency-bitcoin"],
      menu_icon="controller",
      default_index=1,
      orientation="horizontal",
      )

    • @arunasrancevas6095
      @arunasrancevas6095 2 ปีที่แล้ว

      Oddly enought I deleted the with st.sidebar and it works fine?

    • @arunasrancevas6095
      @arunasrancevas6095 2 ปีที่แล้ว

      Ok, I just rewatched the video. All is fine!

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      Happy to hear that you figured it out!

  • @gauravnazare3692
    @gauravnazare3692 2 หลายเดือนก่อน

    Hi there, i had tried to add more options but actual size of option menu is not increasing horizontally ,if is there any suggestion for the same , please let me know abut it.

    • @CodingIsFun
      @CodingIsFun  2 หลายเดือนก่อน

      Please have a look at the docs or ask your question directly in the respective GitHub repo. Thanks!

  • @zparkles
    @zparkles ปีที่แล้ว

    thank you for the tutorial! i want to ask, can one of the options be a selectbox? and can we fit this to the top and resize it so it would look like a normal navbar? thank u in advance!

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว +1

      Thanks for watching. You might want to check out the docs on the GitHub repo to see if that is possible. Happy coding!

  • @youbarajsharma7603
    @youbarajsharma7603 8 หลายเดือนก่อน

    Just got myself into Streamlit and loving it, one quick question, how can I return the selected index instead of selected, I plan to run a database query and return value based on index, hope you can help!

    • @CodingIsFun
      @CodingIsFun  8 หลายเดือนก่อน

      Thanks for watching. You could do something like this:
      with st.sidebar:
      selected = option_menu(
      menu_title="Main Menu", # required
      options=["Home", "Projects", "Contact"], # required
      icons=["house", "book", "envelope"], # optional
      menu_icon="cast", # optional
      default_index=0, # optional
      )
      selected_index = ["Home", "Projects", "Contact"].index(selected)
      I hope it helps! Cheers, Sven ✌️

  • @alexandregol4053
    @alexandregol4053 ปีที่แล้ว

    Great video! Is it possible to use this navigation bar to navigate between different pages instead of using the multipgaes menu on the sidebar?

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว

      Thanks for watching. Sorry, but I'm not sure what you mean. The easiest solution would be to simply try it out. Happy coding! :)

  • @marciocristovao2074
    @marciocristovao2074 2 ปีที่แล้ว +4

    Muito bom, cara!
    Obrigado por compartilhar.
    Abraço aqui do Brasil!

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว +2

      Feliz por você ter gostado do video. Obrigado por assistir e seu comentário!

    • @kemueltkd
      @kemueltkd 2 ปีที่แล้ว +1

      @@CodingIsFun Brasil here, very nice

  • @supersteve1585
    @supersteve1585 9 หลายเดือนก่อน

    Hello Sven. Am i able to link an option to a page to work like the multipage side bar? So clicking on contact will redirect to contact page PY file.

    • @CodingIsFun
      @CodingIsFun  8 หลายเดือนก่อน

      Thanks for watching. I have not tried that. Feel free to give a shot. Cheers, Sven ✌️

  • @hmshakib2400
    @hmshakib2400 2 ปีที่แล้ว +1

    you are great brother

  • @invictusblaze007
    @invictusblaze007 ปีที่แล้ว

    Love you Bro 😍😍 TY for awesome video wasted long time but you save me 🥰🥰

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว

      Glad I could help! Thanks for watching and for the kind words. 🤩

  • @myfc8661
    @myfc8661 9 หลายเดือนก่อน

    hi, do you have any video that when you select the option it will open another app. Also do you have a login app that once user login, wiill show this menu

    • @CodingIsFun
      @CodingIsFun  9 หลายเดือนก่อน

      Thanks for watching. You can find all my Streamlit videos here: th-cam.com/video/FOULV9Xij_8/w-d-xo.html&ab_channel=CodingIsFun
      Cheers, Sven ✌️

  • @jsmith754
    @jsmith754 2 ปีที่แล้ว

    Can you add the bar styling to the config.toml file instead? If so, how would you go at it? Thank you!

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      You can only style some aspects with the config.toml file: blog.streamlit.io/introducing-theming/
      For custom styling regarding the nav bar, I have shown you one example in the video.

  • @rakoczipiroska5632
    @rakoczipiroska5632 8 หลายเดือนก่อน

    Congratulations. And something more: thank you.

    • @CodingIsFun
      @CodingIsFun  8 หลายเดือนก่อน

      My pleasure! Appreciate you taking the time to watch and leave a comment. Cheers, Sven ✌️

  • @LorenciGjurgjaj
    @LorenciGjurgjaj 2 หลายเดือนก่อน

    How to have a menu and at the same time to remove the header of streamlit?
    Honestly, I would like to keep just the "running".
    Any chance to do that?
    Thnx for the good work

    • @CodingIsFun
      @CodingIsFun  2 หลายเดือนก่อน +1

      Thanks for watching! Just to clarify, are you referring to the colorful bar at the very top when you mention the header? -Sven ✌️

  • @EscapeReality24
    @EscapeReality24 ปีที่แล้ว

    Man, You are amazing!!

  • @d.k.yogeshwaran1923
    @d.k.yogeshwaran1923 ปีที่แล้ว

    I have one question!
    Is that possible to use the file uploader statement in one IF clause and call it out from another IF clause?

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว

      Thank you for tuning in. While I'm not entirely certain of your goals, my recommendation would be to give it a try yourself. If you encounter any challenges along the way, you can always turn to Google or ChatGPT for guidance. Thanks again!

  • @greyghost8343
    @greyghost8343 ปีที่แล้ว

    Hello, thank you for the tutorial. I tried install option menu but it didnt work. The first ERROR was: Could not find a version that satisfies the requirement streamlit-option-menu. The second ERROR said: No matching distribution found for streamlit-option-menu. Do you know why i have these errors and possibly a way to solve them? Thank you!

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว

      Thanks for watching and for your question. Hard to tell from a distance why you are facing an error. Sorry that I cannot help.

  • @janaeshkrish
    @janaeshkrish 2 ปีที่แล้ว +1

    Great really helped me a lot

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว +1

      Glad it was helpful!

    • @quintonpangyixuan3990
      @quintonpangyixuan3990 2 ปีที่แล้ว

      I have used it to scrap data of badminton players. Mind checking it out? Thanks! 😊 th-cam.com/video/G404kwnxKrY/w-d-xo.html

  • @alokpal7347
    @alokpal7347 ปีที่แล้ว

    Can I use page header for this task. I don't want to navbar in main page, is there any otions to those option in header

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว

      Thanks for watching. Sorry, but I am not sure what you mean by "page header"

  • @creativtek-j6g
    @creativtek-j6g ปีที่แล้ว

    Nice tuto @CodingIsFun but I see that `streamlit_option_menu ` component is not supported anymore, do you have any update?

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว

      Thanks! I just tested it for you. With the latest Streamlit version and Streamlit-Option-Menu, everything still works as expected and shown in the tutorial.

    • @creativtek-j6g
      @creativtek-j6g ปีที่แล้ว

      @@CodingIsFun I just fixed it, streamlit option menu was installed but I had to "pip install --upgrade streamlit-option-menu" and now it works ;) Thanks

  • @MenteyExito
    @MenteyExito ปีที่แล้ว

    Hi!...What if instead of displaying a text, I want to link the button to a different page inside the same directory?

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว +1

      Thank you for watching the video and for your question. Unfortunately, I do not know how to implement that right off the bat. I would also need to search the internet for a solution. Sorry that I cannot help!

  • @travelsabit
    @travelsabit 11 หลายเดือนก่อน

    There are cors error in option menu , when. We select tab 2 or 3. We get the page but the highlight of tab moves to first automatically

    • @CodingIsFun
      @CodingIsFun  10 หลายเดือนก่อน

      Thank you for watching. Sorry, but I'm not entirely sure what you mean. Cheers, Sven ✌️

  • @BrightiansADW
    @BrightiansADW ปีที่แล้ว

    I want to add the url of the other pages in that main menu options how I can do that?

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว

      Thanks for watching. As far as I know and see from the docs, that is not possible with that package.

  • @vaibhavk2430
    @vaibhavk2430 2 ปีที่แล้ว +1

    Is it possible to draw route between two location in streamlit

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      Can you perhaps elaborate on what you're actually trying to achieve? Please provide some additional info. Thanks!

    • @vaibhavk2430
      @vaibhavk2430 2 ปีที่แล้ว

      @@CodingIsFun route means as you see in google maps direction from one location to other location

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      @@vaibhavk2430 Do you want to embed Google maps into your Streamlit app?

    • @vaibhavk2430
      @vaibhavk2430 2 ปีที่แล้ว

      @@CodingIsFun yes like that

    • @vaibhavk2430
      @vaibhavk2430 2 ปีที่แล้ว

      @@CodingIsFun ie. If i point to two location and a direction from one location to other location

  • @WagnerBritodeJesus
    @WagnerBritodeJesus ปีที่แล้ว

    Great video! Would you know if this works with multi pages?

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว +1

      Hey, thanks for checking this out! Just a heads up, I haven't tried it myself, but I'm not too sure if it'll work. If you're looking to make a multi-page app, I'd suggest going with either this package or the regular Streamlit way ( docs.streamlit.io/library/get-started/multipage-apps ) of doing things.

  • @emmanuelaturkson8826
    @emmanuelaturkson8826 ปีที่แล้ว

    Also, do you know to upload a .tif file to your streamlit webapp and view/display it on the webapp. I'm not able to do that

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว

      Unfortunately, I do not know how to implement that right off the bat. I would also need to search the internet for a solution. Sorry that I cannot help!

  • @GenNextAnalyst
    @GenNextAnalyst 2 ปีที่แล้ว +1

    Looks neat!

  • @studiospan6426
    @studiospan6426 ปีที่แล้ว

    Sir , i have another question :
    The streamlit sidebar seems to be automatically closed in android browser and we have to click on the arrow sign from above to make it visible is there any way to make it visible by default since the arrow sign is kinda small and clients might miss it and all of my webapp function😅 .

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว

      Here you are. Ensure to make this the first streamlit command after importing the libraries:
      st.set_page_config(initial_sidebar_state="expanded")
      Also, coffee donation are always welcome ;) pythonandvba.com/coffee-donation

    • @studiospan6426
      @studiospan6426 ปีที่แล้ว

      @@CodingIsFun thanks a ton for your help again 🙂

  • @mazhara9335
    @mazhara9335 2 ปีที่แล้ว +1

    Bloody amazing!

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      Thank you very much!

  • @bhavyakumar3978
    @bhavyakumar3978 2 ปีที่แล้ว

    How can i make a vertical navigation menu which has a button and gets displayed when we click on that button and disappears after selection.

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      While I'm happy to try and help, it sounds like your question is beyond the scope of the tutorial and would require a custom solution. Unfortunately, I don't have the time to code something specific for every viewer. Thanks for your understanding!

  • @AtharvaAthaley
    @AtharvaAthaley 6 หลายเดือนก่อน

    How to switch Pages with this module?

  • @ki7985
    @ki7985 2 ปีที่แล้ว +1

    can we add a background picture?

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      Do you mean a background image inside the navbar?

    • @ki7985
      @ki7985 2 ปีที่แล้ว

      @@CodingIsFun i mean an background image for the whole page

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      @@ki7985 discuss.streamlit.io/t/how-do-i-use-a-background-image-on-streamlit/5067/6

  • @SideHustle1313
    @SideHustle1313 11 หลายเดือนก่อน

    How to go to top of a page using streamlit button? Please reply

  • @xrhstos1330
    @xrhstos1330 11 หลายเดือนก่อน

    Is it possible to make the change from one navigational page to another almost instantly and not have to wait so many seconds?

    • @CodingIsFun
      @CodingIsFun  9 หลายเดือนก่อน

      Thank you for watching. I think, that is not possible due to Streamlit's "rerun" mechanism. Cheers, Sven ✌️

  • @noskov5
    @noskov5 2 ปีที่แล้ว +1

    nice mate!

  • @Luisa_Ribeiro
    @Luisa_Ribeiro 2 ปีที่แล้ว

    Very nice video! Even after installing and importing I get this error: No module named 'streamlit_option_menu'. Any guess as to why?

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว +1

      Thanks! Probably because you are calling the streamlit option menu from a different environment in which you installed it. But I can only guess here..

    • @Luisa_Ribeiro
      @Luisa_Ribeiro 2 ปีที่แล้ว

      @@CodingIsFun You're good! That's exactly what was wrong :) Thank you!

  • @christianrauth1425
    @christianrauth1425 2 ปีที่แล้ว +1

    This T-Shirt 😍

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว +1

      Thanks, Christian!
      If you want, you can purchase it here: www.pythonandvba.com/merch

  • @watchbro3319
    @watchbro3319 11 หลายเดือนก่อน

    osm can u tell if i can redirect to other url if press button on menu

    • @CodingIsFun
      @CodingIsFun  11 หลายเดือนก่อน

      Thanks for watching. I am not sure, if that is possible out of the box with streamlit-option-menu. Cheers, Sven ✌️

  • @vikassingh5628
    @vikassingh5628 ปีที่แล้ว

    getting this error *ModuleNotFoundError: No module named 'streamlit_option_menu* even after installing the required package

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว +1

      Hard to tell from a distance. My closest guess is that you are getting this issue because you are trying to import a module of a library which is not installed in your virtual environment. If you have run 'pip install streamlit-option-menu' already, ensure to call your Python file from the same environment in which you installed the package. For example, in your IDE/text editor, you might have set a different Python environment for executing your script. Therefore, try to run your Python file also from the command prompt. If that does not work, try searching for the text of your error message on Google/StackOverflow. Happy Debugging!

  • @PixelLife0703
    @PixelLife0703 ปีที่แล้ว

    How to define the size of the option menu based upon number of options?

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว

      Thanks for watching. That should be possible with the custom CSS solution as shown in the video. Happy Coding!

  • @maitreyakanitkar8742
    @maitreyakanitkar8742 ปีที่แล้ว

    selected keeps on moving abck to default index even though the content displayed is of other page

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว

      Thanks for watching and for your question. Hard to tell from a distance why you are facing an error. Sorry that I cannot help.

  • @Frittenliebhaber
    @Frittenliebhaber 2 ปีที่แล้ว +1

    good stuff!

  • @souravbarua3991
    @souravbarua3991 2 ปีที่แล้ว

    Here by default "Home" tab is always selected.If i want that by default no tab is selected then how can i do that?

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      Please define "no tab"

    • @souravbarua3991
      @souravbarua3991 2 ปีที่แล้ว

      @@CodingIsFun no tab means at first it won't select any tab by default unless user chooses one.

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      @@souravbarua3991 Ok, but which page do you want to show instead? You need to render something...

    • @souravbarua3991
      @souravbarua3991 2 ปีที่แล้ว

      @@CodingIsFun simple introduction page. And after that user will select Home page. Is that possible?

  • @d.k.yogeshwaran1923
    @d.k.yogeshwaran1923 ปีที่แล้ว

    Bro how to add colors varients for syntax and text

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว

      Thanks for watching the video. Can you perhaps elaborate on what it is you're trying to achieve? Please provide some additional info. Thanks!

    • @d.k.yogeshwaran1923
      @d.k.yogeshwaran1923 ปีที่แล้ว

      @@CodingIsFun Bro I need to create a screen that should consume multiple excel sheets with separate upload buttons and also I want to store those uploaded excel data in the database. What can I do? Could please help with this

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว

      @@d.k.yogeshwaran1923 Bro, your request is definitely noted. However, I get a ton of requests for custom solutions and, as much as I'd love to help everyone out, I just don't have the time in my schedule to develop and test all of them. I hope you can understand. Happy Coding!

  • @junaidlatif2881
    @junaidlatif2881 2 ปีที่แล้ว +1

    Amazing 😍

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      Thanks 🤗 I really appreciate your comments & support!

  • @mentanagavenkatasrinivas9245
    @mentanagavenkatasrinivas9245 2 ปีที่แล้ว

    some bootstrap icons arrre not working, example : car-front

  • @rofiatulkhoiriyah9997
    @rofiatulkhoiriyah9997 2 ปีที่แล้ว

    how to display video on streamlit?

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      Here you are: docs.streamlit.io/library/api-reference/media/st.video

  • @JASHiNSENNiN
    @JASHiNSENNiN ปีที่แล้ว

    How can I make it stay on the top even if I scroll?

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว +1

      Thanks for watching. There is no parameter available to do that. Perhaps you could use custom CSS to achieve this. This question has also been asked here: github.com/victoryhb/streamlit-option-menu/issues/47
      So, you might want to follow the issue. Good luck!

    • @JASHiNSENNiN
      @JASHiNSENNiN ปีที่แล้ว

      I see, Ill look into it. Thanks! :D

  • @ram_qr
    @ram_qr 9 หลายเดือนก่อน

    WOW. Awesome!!!

    • @CodingIsFun
      @CodingIsFun  9 หลายเดือนก่อน

      Thank you! Cheers, Sven ✌️

  • @Jose-bt2kt
    @Jose-bt2kt ปีที่แล้ว

    good, good, really helpfull

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว

      Happy to hear that it was useful; thank you for taking the time to leave a comment and for watching the video!

  • @poovarasanchandiran8934
    @poovarasanchandiran8934 8 หลายเดือนก่อน

    Got Runtimeerror while importing streamlit option menu

    • @poovarasanchandiran8934
      @poovarasanchandiran8934 8 หลายเดือนก่อน

      How to fix this?

    • @CodingIsFun
      @CodingIsFun  8 หลายเดือนก่อน

      Hey there, thanks for watching the video! I'm sorry I can't help you with your problem based on the information you provided. To give me a better idea of what's going on, it would be super helpful if you could write down which line of code is causing the error, let me know if you modified the code from the tutorial, and explain in more detail what you did to troubleshoot the problem. Don't forget to also give me some context about your setup and environment.
      If you're having trouble figuring things out, another option is to join our Discord server at pyhtonandvba.com/discord. You can ask your question there and maybe someone in the community can help out.
      Thanks for understanding.

  • @garouga1271
    @garouga1271 2 ปีที่แล้ว

    You are the best men

  • @chriskeo392
    @chriskeo392 2 ปีที่แล้ว

    Destined to be a Yoda

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว +1

      Thank you for your comment! I'm just a regular person trying to make educational content for others to enjoy. 😁

  • @phucle1669
    @phucle1669 2 ปีที่แล้ว

    thank your

    • @CodingIsFun
      @CodingIsFun  2 ปีที่แล้ว

      An absolute pleasure, very happy to hear that you found it useful!

  • @rombohak-lgite4400
    @rombohak-lgite4400 ปีที่แล้ว

    thx

    • @CodingIsFun
      @CodingIsFun  ปีที่แล้ว

      My pleasure! Appreciate you taking the time to watch and leave a comment.

  • @kelvinrweshobora
    @kelvinrweshobora 2 ปีที่แล้ว

    like

  • @Moderator1233-c6m
    @Moderator1233-c6m 8 หลายเดือนก่อน

    is it possible to create pages using bootstrap templates on streamlit

    • @CodingIsFun
      @CodingIsFun  8 หลายเดือนก่อน

      Thanks for watching. I have not tried it yet. Cheers, Sven ✌️

  • @rahmiutamimulyadi
    @rahmiutamimulyadi 8 หลายเดือนก่อน

    why i still can't run my code, even I have installed the streamlit-option-menu module?

    • @CodingIsFun
      @CodingIsFun  8 หลายเดือนก่อน

      Thanks for watching. Hard to tell from a distance. Cheers, Sven ✌️