I need to make a simple dropdown menu to my rails app, but all i can find is dropdown selects.
does any1 know a good guide on making dropdown menus? just a simple menus, nothing fancy
Dropdown menu is not something that is built in rails and you need a javascript plugin to achieve that.
If you are using prototype as your javascript framework in your rails app, here are some of prototype+scriptaculous based dropdown menu plugin . If you are using jQuery as your javascript framework in your rails framework, here are some of jQuery based dropdown menu plugin.
Hope that helps.
Related
Has anyone use Yamm mega menu to create classic dropdown menu? I'm told to create a drop down menu that is similar to the one on microsoftstore web site. Is it possible with Yamm? Or there is other libraries that I can use to create one?
Thanks
Yes, I have used Bootstrap MegaMenu from here.
1) MegaMenu 1
2) MegaMenu 2
In that menu there are multiple columns and one carousel slider and no need any external extensions this is pure bootstrap mega menu.
There is no option for jQuery UI in the "Frameworks & Extensions" part. Should i add it as an external resource?
The UI for adding JS frameworks has been adapted (multiple times).
Currently you can add these frameworks by clicking on the settings-cog-wheel of the Javascript section:
The JSFiddle Frameworks & Extensions selection has been moved to the Javascript pane options!
New Answer
Checking the jsFiddle site today, I see they added some controls. This is in the same style of answer as reto's and dotancohen's.
I have not tested the UI portion specifically yet, but I do notice that when you select jQuery versions (edge) or 1.9.1, jQuery UI is available in the list of checkboxes that appear beneath the dropdown box.
Old Answer
Along with the other answers (I intend to complement dotancohen's answer) discussing that pretty significant JSFiddle UI change, I wanted to finish the information by saying jQuery UI specifically was not an option for me. I had to go into "External Resources" on the left-hand side and enter these URLs as well:
https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js
https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css
Example jQuery UI JSFiddle
Under External Resources > click the text field and enter the url for a hosted jQuery library such as this one from google: https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js. Then click the plus icon.
Is this really not built-in yet? Do I have to download and install some plugin to accomplish this?
If so - what are your favorite ones to implement a listbox that uses checkboxes?
I feel like there should be a "type" property and checkbox be an option on the HTML ListBoxFor!
These are installable with nuget
https://github.com/mikhail-tsennykh/MvcCheckBoxList
http://benfoster.io/blog/checkbox-lists-in-aspnet-mvc
I think the 2nd one has nicer syntax, but jquery validation doesn't work on it anymore.
Let me start off by saying I'm new to jQuery mobile. I've been asked to change to theme of a website and from looking at the jQuery mobile website here there is 5 default swatches that come with it. The only problem is that when I look at the theme file it only has 2 swatches, labeled A and B, but which look more like A and C. Can someone tell me where I can find the additional default swatches?
Thanks for your help.
The guys from jQuery mobile also created the classic theme for 1.4 although they don't actually support it.
You can find it here: http://demos.jquerymobile.com/1.4.0/theme-classic/theme-classic.css
And view the demo here: http://demos.jquerymobile.com/1.4.0/theme-classic/
jQuery Mobile 1.4 has two themes "a" and "b", unlike previous versions.
To upgrade custom themes previously created by ThemeRoller, at the page's top, click on import to upload old themes and then choose 1.4.0 from drop-down Upgrade to version list.
Hi I have to have a popup WYSIWYG editor into my ROR application. I want to develop the editor like www.wikispaces.com used. Here they used Jquery (if you want like that editor , you need to login ) . I want the same functionality . Can anyone please suggest how can i do this and please give me the reference site for the development JQuery with WYSIWYG.
Well, a quick google search turns up jwysiwyg: http://code.google.com/p/jwysiwyg/
And there seem to be some articles on how it's used.
I've always used TinyMCE, it works very well.