Does anyone have any recommendations for a jquery plugin or ruby gem that I can use to create a pretty multiselect form? The default html multiselect form is shockingly primitive. I want something which allows me to select from a drop-down list, which then adds the text of the selection into the input.
Any input would be appreciated!
Take a look at any of these:
http://plugins.jquery.com/tag/multiselect/
Personally, I would go with Selectize.js. It's fairly easy to implement and looks beautiful. It sounds like something that might match your needs.
Related
I have contact persons' list and i want to display his detail(Email,Phone number,Address etc.)
Please give me simple example for the Address field.
I want functionality like the ACF(Advance custom filed plugin which provide in WordPress.
I am using Typo3 9.5.18 version.
I would use the extension tt_address https://extensions.typo3.org/extension/tt_address/.
Cheers,
Rachel
You can follow this:
How to create complicated content elements
or this:
How to create simple content elements
or the official documentation:
Documentation
Regardless what you choose, you need to be aware of the following: In order to create a custom content element you need time to understand how it works patience and do some experiments. Once you understand the process and create 5-10 elements, then all will come automatically to you :)
Best regards
I'm evaluating the Wiki-System DokuWiki and like it very much.
What I'm missing is the possibility to create SQL snippets like in TWiki.
I'd like to embedd some controls in the text for being able to create kind of formulars. Is it possible?
Have a look at Bureaucracy plugin, it does what you need.
Further you can add data plugin to make it even more flexible.
I've been using the Select2 library in my web application to replace the default select elements, and I really like how the library looks and how easy it is to use. Now, I'm trying to implement an autocomplete feature for a text field on the same application and I want to use a library that looks similar to Select2. (To keep the UI consistent.) Are there any such libraries that you know of? (Google isn't helping.)
select2 is also an autocomplete library and can replace both select elements and input elements.
I have a requirement where I HAVE TO use bootstrap autocomplete dropdown, BUT user can have free form text in that dropdown if they wish. Before you think about TypeAhead, I could use Bootstrap TypeAhead textbox, but I need to have the dropdown becasue we want to give some default values as headstart options in case users dont know what to search for.
I am using this with MVC DropDownListFor as that creates a select control for us.
I found this article which does that for me.
https://github.com/danielfarrell/bootstrap-combobox/pull/20
All I had to do was take off the name from the select control and the control was letting me enter free form text. All good so far.
Now, I am using this in conjunction with Knockoutjs. I bind my options and selected value to the select control and then on row rendered of my template, I called (selector).combobox() which makes the select control a bootstrap comobobox and adds an input control and hides the select control in the scenes behind.
The problem now is when I try to get he values to post to server, since the value I put in input box is not a valid options from the options I gave to select control, it is always setting it to the first option by default. This is becasue, I set the binding of the selected value on select control and not on the input box which was created by bootstrap-combobox.js.
My question is how do I get the input box to data-bind to the same porperty as the the select control was bound to.
Any other options??
Let me know if you need more clarification or have questions.
Please suggest.
Thanks.
Have a look at Select2 for Bootstrap. It should be able to do everything you need.
Another good option is Selectize.js. It feels a bit more native to Bootstrap.
Does the basic HTML5 datalist work? It's clean and you don't have to play around with the messy third party code. W3SCHOOL tutorial
The MDN Documentation is very eloquent and features examples.
Select2 for Bootstrap 3 native plugin
https://fk.github.io/select2-bootstrap-css/index.html
this plugin uses select2 jquery plugin
nuget
PM> Install-Package Select2-Bootstrap
Fuel UX combobox has all the features you would expect.
Can i suggest http://www.jqueryscript.net/form/Twitter-Like-Mentions-Auto-Suggesting-Plugin-with-jQuery-Bootstrap-Suggest.html, works more like the twitter post suggestion where it gives you a list of users or topics based on # or # tags,
view demo here: http://www.jqueryscript.net/demo/Twitter-Like-Mentions-Auto-Suggesting-Plugin-with-jQuery-Bootstrap-Suggest/
in this one you can easily change the # and # to anything you want
Bootstrap Tokenfield seems good too: http://sliptree.github.io/bootstrap-tokenfield/
I'm not exactly sure what to call the thing i am searching for. If I knew what to call it I might find the answer, so if you have an answer to my question or even know what I can search for that would be very helpful.
I am trying to create a simple php form that has standard fields like name, email, etc. I want to add an event type field that is a drop down with pre-selected values (i.e wedding, birthday, etc). Once they select a particular event I want other options to appear.
For exmaple they would select wedding and then date, venue, etc would then come up. If they selected birthday, then different additional options would appear.
Does anyone know the technical term for this, or where I can find a tutorial on it? Does it require ajax or jquery or something else?
Thanks for your help.
You could do this with jQuery. It sounds like you want more than just dynamic select (drop down) inputs. You could check this blog post out, but that really only covers the drop down fields.
It sounds like you want something fairly custom. You could separate your form into the individual steps and hide many of the fields to start. With jQuery, you can apply event handlers to fire functions when something is selected and then the function would determine what fields to show.
You don't really need to use AJAX unless you need the options (specifically drop downs) to contain options which are pulled from a dynamic source (e.g. a database).