NVDA Screen reader doesn't read items of dropdowns with search when user is hovering them or focusing them with Tab key. Instead it is reading the content of search field. Is it a known issue? Will that be changed in future releases?
Here is an trivial example:
https://demo.orbeon.com/demo/fr/orbeon/builder/edit/785b85a843a9910091915ecab6a12a83a8281cc9
Indeed, and unfortunately this is due to issue #3735 of Select2, the component used by Orbeon Forms for the dropdowns with search. On the Orbeon Forms side, this is tracked as issue #4854.
Related
According to this old thread:
https://vaadin.com/forum/thread/18510843/textfield-browser-autofill
It's possible to tell the browser to auto fill a form. I am able to get the browser to populate values by setting the "name" and "autocomplete" attributes, however the browser does not seem to remember new values entered into the Vaadin form. There are appear to be some restrictions on when Chrome/Firefox will do this (https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) but some of those restrictions are not easily implemented in Vaadin.
Does anyone have an example of auto fill working both directions (browser filling in values and also remembering new values)?
you can take a look at the LoginForm, it does what you want.
Edited :
Or to control it with vaadin you could try it with this autosuggest add-on and update the list of suggestions with the new values.
As the title suggests, I'm looking for a way to make my company's Jira Issue Collector popup draggable. Many users of a particular site we're developing have complained that this feature is overly-cumbersome to use, since one must close the popup to see the underlying page and hence the error that they want to report.
I thought I could simply wrap the generated source in a Kendo UI Window, but alas, there are many supplementary scripts and CSS files that must be loaded for the popup to render correctly. Trying to make the contents of these local to our site has proved to be basically impossible, due to the sheer amount of code they contain, and the fact that the popup is rendered in an iframe.
So how might we be able to go about this? MTIA :-)
Would also like to find an answer to that... I've been trying all the jQuery tricks I could find, to no avail. There are a few feature requests open at Atlassian for similar features, like making the collector window resizable, or making certain fields required. Guess we'll have to wait for a new Jira release ; )
As the title indicates I'm populating an Infopath textbox control using a SharePoint list as a datasource. Unfortunately although there are carriage returns in the text in the SharePoint list it's stripped out of the textbox for no conceivable reason. I've tried numerous controls and a heap of google suggestions but come up short... has anybody encountered this before and know how to tackle it?
Try going into the Tex Box properties and checking the Multi-line box.
I have a production app that tracks a product catalog. Some customers have huge amounts of products. The app was originally built for smaller numbers of products. As a result, I have select boxes in a few places that absolutely do not work for these customers with lots of products.
What sort of UI element from jQuery can I employ that will allow the selection of a product from a very large list?
I like Chosen.js. It's pretty slick. It's not a jQuery UI component, but it doesn't conflict.
If you're stuck on using jQuery UI for this, I've also had some luck with the jQuery UI SelectMenu plugin. It doesn't have all the features of Chosen, but it at least presents information better a standard select box and is style-able.
if its really jQuery UI you want, then the autocomplete control comes closest
there are variations like the autocomplete with combobox
which might be a good solution for you
Autocomplete. It is part of jQuery UI toolset which makes it nice if you are trying to only have a few JS libs.
You should use jQuery UI autocomplete.
Unobtrusive Fast-filter Dropdown is the best one, as it can handle a rally large number of options, I had a similar issue. I used this plugin
Here is the approach to design this plugin
If you ever tested in IE, Autocomplete will throw an error "the script is running" something of that sort..
You can use SelectBoxIt, a jQueryUI plugin I created to replace the standard HTML select box.
It should work very well for long dropdown lists since I specifically focused on performance for select boxes with thousands of options. Keyboard search and navigation support is also provided.
I need to implement a dialog for a web application (ASP.NET/C#) where users can search and select one or more clients from the company's database.
Actually an existing version is already used (see attached image) and I have to replace it with a new version (it comes from an external legacy software and will be dismissed).
The goal is to provide an intuitive and easy to use GUI, still providing the basic functionalities like: search for a client and add it or remove previously inserted.
My idea would be to develop the dialog with jQuery Dialog plugin and using web methods and Ajax/JSON to interact with them for interacting with the server and the DB. I cannot find a good solution yet for the contacts list, since I would avoid using GridViews or tables, if possible, for listing them.
Does anyone knows if further plugins or best patters exist for develop this UI and its functionalities?
I wanted to have the same in my application. After talking to the users i found that such dialog could easily be replaced by an Autocomplete with Multiple select.
See the jqueryUI demopage here.
If this does not fit your needs i would go with two lists <ol> or <ul>, a pagination plugin and perhaps a search plugin. But haven't done this so far.
Thanks for the hint, indeed for the search I also thought to a autocomplete for make the search easier.
My bigger concerns were about the Add and Remove selected Clients in a "modern" fashion.
I found this MultiSelect plugin that works perfectly for my needs (and maybe it could be useful for yours as well).
Not only it let use Multiselect to add/remove entries, but also have some auto-filtering capabilities when searching the entries. I will try to add this to my solution.