Is there support for making drop down menus? Or how do I do it?
ms4720 opened this issue · comments
Hello,
I love the idea of this project, just write html and it looks good. Is there a way to do drop down menus? they are a really basic UI element that I need and there are no examples I can find.
Thanks
@filfreire/z please, pay attention to this issue
@ms4720/z this project will fix the problem faster if you donate a few dollars to it; just click here and pay via Stripe, it's very fast, convenient and appreciated; thanks a lot!
@ms4720 hey tacit provide just style for the core tags of html. drop-down is not a tag you can use select tag instead
I am a very ignorant person on the front end, how would I use select for navigation menus? Ie pick this option and go to that page?
Thanks for the help
ok then use bootstrap or foundation for that because tacit cant help you in this case
Thanks
Hi @ms4720, with tacit you can do a navigation menu similar to what you'd find for example in my homepage or other pages that use tacit:
Screenshot:
Code:
<nav>
<ul>
<li><a href="/">home</a></li>
<li><a href="/about">about</a></li>
<li><a href="/projects">projects</a></li>
<li><a href="/talks">talks</a></li>
<li><a href="/other-stuff">other stuff</a></li>
</ul>
</nav>
@filfreire he want dropdown menu
@filfreire that could work, click on nav and put the submenus underneath in another bar. @akshayvinchurkar sorry for not having a good question, I really am pretty clueless here.
@filfreire now i am also clueless here tacit has dropdowns?
@akshayvinchurkar perhaps it can fake it. I will play and see. That basic nav tag bit of code would be nice in the demo page
@ms4720 this is the thing tacit style is not dependent on how you structure your html its more like generic style for every single tag you have on your page if you write a pattern in html i dont think it will help any other user of tacit. but you can do it with some extra classes and ids maybe
@akshayvinchurkar I understand the goal of tactic is to make html look good by default, I really like that goal. The thing is you lose a lot of functionality that way and it would be nice to see workarounds for them, this is very useful to people like me who do not know frontend dev well if at all. Ie you can't have drop-down menus but you can nest nav tags and that might be good enough(even if it is a bit of a hack). This is a little beyond the current scope for docs but it will make things much better for ignorant people like me trying to get something done.
not drop down but this:
<nav>
<ul>
<li><a href="/">home</a></li>
<li><a href="/about">about</a></li>
<li><a href="/projects">projects</a></li>
<li><a href="/talks">talks</a></li>
<li><a href="/other-stuff">other stuff</a></li>
</ul>
</nav>
Where there is another nav section under it, I go to the talks page there is a specific talks nav bar under the main nav menu. Not drop down but it keeps me from learning JS and BS and Node and lord knows what else just to have things look ok
@filfreire @ms4720 @akshayvinchurkar I think that drop-downs (and any other non-HTML5 elements) are out of scope. We are HTML5 strictly compliant. If HTML5 doesn't have it, we don't have it as well. If you need something more powerful than standard HTML5, there are many other libraries that you can use.
@yegor256 I agree, I also think that much of the target audience is like me clueless about front-end development. What I really need is some kind of menu system, could be a hack like nested/stacked nav sections ( I did not know the nav tag existed ). If the demo was expanded with examples like "Fake menu system" people could see that and see workarounds that they could use.
@ms4720 in this case try this its not build with tacit but it helps
@akshayvinchurkar thanks looks nice
I think a hacks section is a good thing here, stacked nav tags is a hack that I could live with. Ie you can't have nested menus, but this looks close and is doable could be handy. A short list of options that play well with tacit could also be handy for newcomers like me, if you really need a menu system these play nice with tacit. With that said feel free to close the issue.
@ms4720 thanks!