For a web app I am working on, I am looking for a widget that works like (or implements) a select box that is much more user-friendly and customizable than the basic HTML select box. I'd prefer not to have to build something like this from scratch, so I was wondering if anyone knows of an open-source widget of this type that I could use.
An example of a more user-friendly select box which I wouldn't mind imitating is the calculator at this link:
http://www.teslamotors.com/charging#/calculator
Doesn't have to be identical to this, but something with more room for customization and a nicer looking UI.
You can find many plugins and tutorials about customizing select tag.
These are plugins:
http://silviomoreto.github.io/bootstrap-select/
http://ivaynberg.github.io/select2/
http://brianreavis.github.io/selectize.js/#demos
http://shawnchin.github.io/jquery-gentleSelect/
http://vst.mn/selectordie/
For that kind of select tag that you showed you should create your own style.
Here is good tutorial about creating customized select tag:
http://tympanus.net/codrops/2012/10/04/custom-drop-down-list-styling/
http://tympanus.net/codrops/2012/11/29/simple-effects-for-drop-down-lists/
Related
I'm creating a Roku app in SceneGraph and trying to near duplicate the search functionality I had using the old SDK. I'm stuck at only being able to display the mini keyboard. I'm trying to add buttons via buttongroup (i.e., Search, Cancel) but having two issues:
Not sure how to get the text string that's typed into the mini keyboard and store that in a variable or field so I can perform the search on it.
How to create a Search button and give it focus when user is ready to search for the string they entered.
Any help would be appreciated. Thanks.
SGDEX (Scenegraph Developer Extensions) is what you need. They have a view called "SearchView". Look it up.
Also...
RALE (Roku Advanced Layout Editor) has good search options. - I have been unable to find a decent Search sample. It would be cool if we could export the source code from RALE.
However if you haven't tried RALE. You could upload your script, then add search to it.
I am looking for a way to create custom buttons for Notepad++. So far I haven't been able to find solutions regarding this.
The buttons would be doing a regular expression search and highlight the search results as well. This would make it much easier for me to analyze error logs. This would eliminate the need of copy/pasting the long regex search queries.
I'm trying to use the Customize Toolbar plugin to accomplish this, but I couldn't find a thorough documentation of it and therefore having troubles.
Any help would be appreciated.
There you go:
Download "Customize Toolbar" from the "Plugin Manager"
Go to menu "Plugins" > "Customize Toolbar" and select "Custom Buttons"
Restart Notepad++
Now it's the important part, where you need to create the button's functionality. In your case you want to simply search and fortunately this can be implemented in a Macro. If you need something more complex that can't be recorded in a Macro, consider the use of "Python Script" plugin (which is really easy even with a minimal knowledge of Python) or writing your own plugin (which I guess is more difficult, I never tried to). So, let us assume that you recorded a Macro and you named it "test".
Find and open the file %APPDATA%\Notepad++\plugins\config\CustomizeToolbar.btn
Add the following new row in the file:
Macro,test,,,
That's all. You now have a new button in your toolbar that runs your macro.
I am working on a responsive site and need to output my Structure powered nav into a select menu for smaller screens. In looking at Structure's documentation this doesn't seem possible natively. Am I missing something?
After some digging it seems like the add-on Structure Entries is the ticket I need with one caveat. SE has quite a bit of overheard (in terms of queries) while using it to spit out custom nav. What's the best approach to minimize the impact performance for complicated menus?
I am doing this currently using Twitter Bootstrap's Button Dropdown javascript plugin. http://twitter.github.com/bootstrap/javascript.html#dropdowns
I also use MX Mobile Device Detect to serve devices the dropdown while the desktop users get the full menu.
I think the Dropdown Button script only allows for a single level list, however since its mobile do you need more than one?
I know it's obviously preferable to do it in the template itself, but a JS alternative is TinyNav.js.
It will convert your nav to a select dropdown.
http://tinynav.viljamis.com/
Ok. had enough of trying out lightboxes, overlays and dialog boxes plugins. The problem is that very few of them support nested (multiple) dialog open at the same time - a typical requirement in my opinion.
I'm looking for a recommendation for a simple plugin that:
supports callsbacks for the usual onShow/onLoad... events
supports nested instances i.e. the user open a dialog, clicks a button on it, another dialog opens up while keeping the first one open in the background. In other words, it should support the closure of each instance programatically
is NOT the jquery ui dialog plugin
This came about after the big disappointment with SimpleModal's inability to support multiple modal boxes open simultaneously!!!! #EricM, why would you do that to me? why???? ;)
I have narrowed it down to jqModal and the jquery tools overlay. The usage of the latter is weird. Maybe i'm tired but i just don't get it.
So before i dive into jqModal, does anyone have any recommendation based on personal experience that will achieve what I'm trying to do?
thanks
Per user feedback, I am opening a new question for this topic.
So I am currently using Struts-Menu to handle my menu needs for my Struts 2 J2EE application. It is not necessarily a package I wish to work with I have found by playing around with it. So what are some alternatives to this package? I immediately flocked to Struts-Menu because I saw a fair amount of web search traffic pointing to it, including those who use Struts2. What I am worried about is difficulty in the future of making it work with other packages, given its 2007 last update and the extra tap dance I had do to make it work with my configuration. It seems too fragile at this point for my taste.
I have several different menus in my app, but the one I am specifically addressing at the present is like this ... The top level menu drops down upon mouse hover over it. The submenus expand horizontally upon mouse hover. Exactly one menu item can be selected as no radio buttons or check boxes are contained in the menu. This particular menu does not require db access to populate its children. It works sort of like Velocity CoolMenus4 from the Struts-Menu demos.
I've never used struts-menu, but it looks like overkill to me.
I would recommend that you locate a menu that you like and then write a tag file to handle outputting it in your view layer. To me, that's a lot easier than using a framework or library just to output a menu. Plus, its specific to the actual menu you want to use. Your tag can handle doing security checks to ensure that the user only sees what they have permission to access, etc.