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/
Related
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/
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.
I'm using a standard link list web part. What I want to achieve is before my users click on the link a pop-up javascript warning box will display, stating that they are leaving the domain. In regular anchor tag I would preceed the URL with javascript:ShowWarning('http://www.youtube.com');.
I've search the AllLinks table in the database but did not find the links was looking for.
Where or how are these stored?
Thanks,
Risho
Firstly, editing the SharePoint database directly is a really bad idea. You shouldn't do it unless you really, really know what you are doing, and even then you will probably break the system.
Secondly, any change made in the data will be what shows up in the editor, and I don't think the editor supports links that don't start with "http://".
A better approach is to use jquery to add the popup behaviour to the links when the page is loaded.
So I'm using Web Part Connections to filter through a couple of lists. It all works perfectly, except that, by default, the filter shows all of the content. If you select one of the options, it filters the list and that is all dandy. But I need to figure out how to let the users see all of the items again, and I can't seem to find a way to display an "all" radio button just above (or below) the rest of the options. Anyone has any clue how to do this?
Thanks!
-V
The OOTB filter web parts are very limited and this is one blindingly obvious example. You may want to look at 3rd party or Codeplex ones for better features.
Similar to xOn's answer what I've done in the past is to add a Content Editor Web Part to the page with a hyperlink called "Reset Filter" that just links back to the page - this reloads the page and removes the filter.
IIRC, choosing a view (right hand side of toolbar) will remove the filter. Not the most intuitive thing, but that's sharepoint for you.