Angular ui-select with tagging filters wrong - ui-select

When using AngularJS ui-select with tagging, the filter of ui-select-choices doesn't work as expected: the first item is missing.
Note that the model is an array of strings, not objects.
Any suggestions?
Plunker
http://plnkr.co/edit/KmKzWJZNW4wGrVhXMIPA?p=preview

There is a plunker from the ui-select's github and I didn't see any working tagging input, without tagging label. It could be their problem but now, it's not possible to have a working tagging selector without tagging label.
so I think it can be better to remove the tagging-label="" .

Related

Give a html select the css style of the menu used in the jquery UI Autocomplete

I've trying to find a plugin or something that lets me turn a normal html select tag into something more visually attractive, something like the menu that is used in the autocomplete widget
Unfortunately I haven't been able to find anything that really suits my needs since all of them are designed to work like dropdown lists and what I need is something like a listbox (an html select tag with size)
I tried using a jquery Menu, but I noticed that it always loses focus after one item is selected, plus I'm not really sure if it's going to be a good replacement for a select.
To make a long story short, I need to find way to have a list(like the one shown in the picuture)
It doesn't matter if it's a select, ul, or whaterver, that uses jquery UI themes and it doesn't matter if it's done using a plugin or CSS.
Have you ever done or seen anything similar to what I describe ??
Any advise or guidance would be greatly appreciated.
Did you check multiselect.js? http://loudev.com/

Telerik - ASP.NET Multiple WYSIWYG issue

Using RadEditor (http://demos.telerik.com/aspnet-ajax/editor/examples/custommodules/defaultcs.aspx), when placing two of them on one page the following occurs:
The first one works perfectly.
The second one works but when styling or doing anything to it the HTML source is full of only plain text, no styling whatsoever.
Is there an issue using two RadEditor's with the one control even if they are uniquely named?
What possible solutions could I implement to fix this issue?
Thanks.
Well, what is the code that is causing the problem? Copying over several editors from the demo you linked has them working properly with me. Check your implementation for global variables or weird names (in function, variables, the module itself, etc).

Building a styled select list that still uses iOS functionality

It's pretty easy to style a text input and have it work right in iOS. By right I mean the onscreen keyboard will still open up as expected and the Previous|Next buttons still let you tab between inputs.
Most prettified select lists out there seem to replace an actual ... with other elements to get a nice look. This works in iOS but if you are Previous|Nexting through a bunch of inputs it won't act as expected.
Is it possible to style a select list so that it will work like a plain but look like something you'd get from Dropkick JS or another library (or build yourself)? I considered trying to hide a real select behind an element but I don't think I can make the list open up correctly with javascript.
You can alter practically any of the form controls in iOS.
Here's a great demo: http://37signals.com/svn/posts/2609-customizing-web-forms-with-css3-and-webkit
I'm a big fan of the formalize library, which is going to apply styles you may not like, but you can always change them; it's a great library to learn from: http://formalize.me

Synch Openlayers with Datagrid - Example/Snippet?

The datagrid not yet selected, but it will be one available with any of the more popular JS libraries.
Example of such integration might be if a row is hidden then its corresponding marker feature also is, as a result of the same user action.
URL's pointing to online examples highly appreciated, and/or JS code snippet to accomplish such. Thanks, all.
See this GeoExt example for integration with ExtJs: http://api.geoext.org/1.0/examples/feature-grid.html

How to use jquery selectors on json result

I'm creating an inbox system for my website which allows basic communication between users. I'm fetching the results with jquery calling a webservice.
Then I'm using a jquery template engine to render the results to the screen. So far this all works good. but now I want to add some click functions on certain parts of inbox messages. For example I want the title of the message to be clickable so it will expand/collapse the fulltext which is hidden in a div beneath it.
But I can't seem to use the jquery selectors on this dynamic json result. It works when I put the function in the href tag itself but I don't really want to. I also tried adding the function after the success function but no luck either. Is it possible at all to use selectors with a template engine?
I hope I made myself clear otherwise feel free to ask more information. Thank you very much
Kind regards,
Mark
Have you tried jquery .live option? http://api.jquery.com/live/
I'm sorry, you'll see it happens all the time, when something goes wrong and I ask a question the minute after it it solves itselves. It is indeed possible to use the jquery selector on dynamic elements. Just make sure u put it after the template processing and in the ajax success function.
Thanks.
Are you trying to select the json that is returned from the webservice or are you trying to use the jquery selector to find an element that you added previously on to the page?

Resources