I don't have much idea about Angular JS so please bear with me if I go wrong with the way I ask this. What we need is a single select dropdown menu which can have images as well. I want the dropdown to be customisable in the sense that the border colour and the background colour of the button that shows the dropdown menu can be transparent. Currently we are using typeahead but we do not want the keyboard to show when tapping on the input field.
Again, I apologise for the horrible way this question has been asked. I am an iOS developer asking this on behalf of one of my colleagues. Any library you can point me towards would be highly helpful.
Related
How to fix the navigation bar visibility when my popup form is appears mean when popup form appears then navigation bar functionality is disabled not for use. Is it possible in angular and typescript. If possible then how can be fixed?
Please provide the code that you currently have so we can see exactly what you need, as from the question it's pretty unclear. It may be doable with CSS, if I understood well what you need.
I'm currently working on a project and I'm interested in having a sort of "elevator pitch carousel", a feature as seen on websites like www.salesforce.com. I took a look at their source code, but I'm relatively new to HTML and CSS editing I'm pretty confused as to how to go about this.
I don't want something that is exactly as salesforces, but just generally a way how to make text in a text box change after a person presses particular heading option on the top of the text box.
Hey you can accomplish this using javascript tabs. Bootstrap has some pretty simple ones to implement and there are other jquery plugins that would do the basic thing. You will need to edit the css to get the appearance you want here is a link to bootstrap 3 and their tabs feature.
http://getbootstrap.com/javascript/#tabs
some other tabs plugins
http://www.unheap.com/?s=tabs
hope that helps
-John
A common problem I run into when building responsive websites is how to make a multi-level nav menu (3 or more levels) that works well for touch devices. I've seen a lot of plugins and techniques, but most of them fall flat because they don't allow a 2nd-level page to act as both a link to a page AND a parent of children in a sub-sub-menu. Some techniques address this by having an arrow icon that exposes the children menu items while clicking on the parent page name goes to the actual page... but on mobile devices these icons are usually very small targets and hence hard to use. Are there any other solutions to this problem (either jquery or javascript plugins, or straight-up CSS/JS code)?
I have a 'starting point' of sorts that I use for responsive web projects like this. I'm not sure if it's exactly what you need, but it allows for multi-level dropdown menus in desktop view. In mobile view, jQuery automatically creates an off-canvas menu.
Code:
https://github.com/kthornbloom/Responsive_Template
Demo:
http://rwd.kthornbloom.com/
Hope it helps!
Have you checked out any of the documentation surrounding touch-start events? I feel like you're going to get the best ux from this method. In your position, I'd be using tap to toggle classes onto your menu that would set the display to block (for example). Once your menu is open, you could then bind another touch event to the sub-level objects.
After our discussion in comments, it seems there isn't a straight forward way to get what you want due to the fact that we don't know what the user want after the submenu has been opened. There is no way for us to tell if they want to go to a link by clicking on the item again or collapse the submenu.
From this point, you have 2 options
Create a collapse once the menu is open and the user will know to use that to collapse the menu. If you think the size on most sites are small then make it bigger, however I don't think this will be an issue because it is so common.
Create a close button or something close to that for the entire menu. So when you click an item, it will expand, and if you click the same item again, it will go to the link. However there is collapsing the submenu until you click on the overall close button for the entire menu. This is only for tablets/phones as on desktop this should be a hover behaviour. This is similar to how the menu behaves on a tablet for http://www.lexus.ca. We actually have the menu closing if you click on the top most item again, you can see this behaviour on the phone or tablet. This is another option for you if the top level navs does not lead to pages.
Found a great write-up for a solution: http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly
Hi guys, in the above image there is a screenshot of a UI I am working on for the purposes of a college assignment which involves manipulating the DOM using JQuery.
Currently I have the logic working and I am now trying to tidy my code and enhance the UI. I'm not sure if this is the correct place to ask this question as strictly speaking I do not think it is a programming issue but I thought I'd take my chances!
For some reason the slider in the image above is being pushed out of place and I have no idea why. Does anyone know what might be causing this??
The stylesheet is huge so I don't want to include it, unless you need to see a certain part.
Any help is much appreciated.
In the image the circle shows the slider trailing off the UI. The arrow points to where It should be located. The underlined slider is how it should also be appearing.
I downloaded a free CSS template to use it in my ASP.NET project, but I tried many times to convert simple menu to dropdown menu's, Help please, I'm not familiar with CSS.
I uploaded the style here : http://www.apps-srv.com/electronix
Thanks in advance!
The link you've provided is no longer valid, but the comment from toddsler says that there's no evidence at an attempt at a dropdown, so I'm going to go off that.
I suggest checking out this article from A List Apart, as well as this one. The first does vertical dropdowns from a horizontal menu, while the second does a vertical menu with dropdowns that go out to the right, then down. They should help you get started.