I have a Buefy autocomplete which works as expected. But if I choose option list with options close. I need it to stay open to select multiple choices. It seems it is not possible and I will need to make my own solution. Is there a way to do it above the current Buefy autocomplete or not? I dont see any option which offers multiple choices or force list to stay open after select.
Thanks for any help.
Related
Is there a way to remove the option to select a menu link for specific fields?
For example I have a dashboard that has details of each users action and a few of those users are actually an automated system. So the few that are part of the system do not need to be reviewed as those are always automatic.
I want to only allow this menu selection for actual users and not the few "accounts" that are part of an automated system.
The kind of menu link on selection I am talking about.
Is it possible to remove this menu link for only specific values in a column?
I don't think it's possible - am fascinated to know if someone comes in with a way to do it - so one option to consider is renaming to "Daily Details - ignore for Bot 1 & 2" so the users are aware they should do nothing.
I have a K2 Smartform that displays a list of file names. When the user clicks a file name, the program opens that file (all of them are PDFs) in a new tab in the browser (IE). This is good so far. If you click on a second file from the list, it opens in a third tab. That is not what the user wants.
They want the second file selection to open in the same window as the first file.
This is the process I can see:
Click on the file in the list.
Open in a tab.
Click on a second file in the list.
If there is already a tab open with a file from the list, open this file there. Otherwise, open a new tab for the file.
I suppose automatically closing the first tab when they click on the second file would accomplish the same thing.
How can this be done?
When you deal with opening links, first of all, what you can do is limited. Indeed, browsers (IE, Chrome, etc...) can be configured by the users to open links in new tabs, windows, etc... and you as form developer cannot change that.
I have made a jsfiddle to reproduce your situation and propose a solution you can test. I don´t guaranty it will work as I use a Mac but I also describe a better solution below.
You can find it here:
https://jsfiddle.net/chevdor/45k40npv/
I guess the first example (#1) is what happens for you at the moment.
Using the 'target' attribute, I tried to implement a solution that may work for you. Click on #2 and #3 and check whether this work.
I cannot test that since I use a Mac.
You can read more about the target attribute here:
http://www.w3schools.com/tags/att_a_target.asp
Another solution that would give you more control is to use an iFrame control. I think it comes in standard with SmartForms now. If not, you can for sure get it from the community site. I recommend you create a new View with this iFrame and define one parameter (string) called "url".
Let´s speak in K2 rules languages :)
"When the parameter changed", "and the parameters is defined", if you 'Transfer data' passing your URL to the iFrame control, it will display your doc. If the user clicks another document, it will update the SAME iFrame. With this solution, no tab will ever be involved.
Please note that it will work great for any document supported by your browser. Some types may require a plugin. Other documents (ie zip, etc..) will NOT appear but be downloaded instead.
I hope this helps.
Best regards,
-chevdor
I wish to simply add more words that autocomplete will recognize. We use some custom fields in our HTML (1000's of them) and I want autocomplete to pop up when we start typing one, with a drop down list of all that are available, narrowing them down and you type, just like the normal behavior.
The fact that we have so many might be an issue, but is there any way I can just add my own words that autocomplete will recognize?
I think this page on MSDN should help.
You'll need to create a snippet file using this guide
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 will need to provide a way for a user (who will be using a screen reader) to select multiple options within a form. Currently, these options are laid out in a two column table with checkboxes in the first column and spans with the label for the option in the second column. This isn't section 508 compliant, but it will need to be for this site. I'm trying to figure out the best way to replace this form with something better.
The options I have are to either
Use ul/lis with labels for the checkboxes
OR
Use a multi-select drop down list.
Does anyone have a preference or a better idea?
I've decided to use a muli-select dropdown. In case anyone was wondering. It seems to work fairly well with the screen reader I'm using. I did find that IE seems to be the best browser to work with and most screen readers aren't working very well with Chrome or other browsers unfortunately. I can only assume then that most people who visually disabled are probably using IE because of this.