I have a webapplication where a User can add a new category. The category is beeing inserted to database with form post.
This category should have an icon (bootstrap icons https://icons.getbootstrap.com/) which the User should be able to select.
I use the bootstrap framework 5.1.3 for development.
I can not find a userfriendly possibillity for selecting an item out of 1500.
I have checked using a select element with options in the form. The problem here is that the user only would be able to see the name of the icon but not the image of the icon. Bootstrap does not support adding a image to the options.
Does anyone have an idea how to implement a userfriendly possibillity to choose an icon from a large iconset where the user is able to see the icon before selecting it?
It should be able to save the name of the selected icon in database.
It would be nice if anyone could help me :).
Many thanks to all :)
I suppose you could show a modal with icons rendered with their names and adding onClick property to get the icon which is being selected by the user.
You can also add a search box at top to filter icons by text.
Kind of this: https://react-icons.github.io/react-icons/icons?name=bs
Related
In my menu , i have two columns, one for submenu text and other for respective images. this portion is working fine. But i want to set a default image, which will display when user will not hover on any dropdown item or out of dropdown. but i have 2-3 dropdown menu. how to identify each individually. Thanks
code[https://jsfiddle.net/shreya_js/4h7sgpdL/48/]
I am not sure if I got your question right.
If you need a different default image for every main menu point, then append a url/image-path to the li-tag via data-src for example.
EDIT: something like this?
https://jsfiddle.net/2a3joxfz/7/
all a-tags got an rel attribute.
I'm trying to use conversejs library to my web project and i added required js files and make it run. But what i wanted to filter contacts. Once i loaded the page filter box is showing just a moment and disappears. I couldn't find how to enable it. When i use the conversejs on conversejs.org it also has no filter box but in https://conversejs.org/tests.html there is a filter box. This is the box I'm talking about
The filter box only appears if there are more contacts than can be shown in the visible area (causing a scrollbar to appear).
Ive looked around a bit and not found anything so im not even sure if this is possible.
What I want to do is have a drop down list. Each list item is a specific type of a view for a list. Is it possible to add an icon at the end that when clicked will fire off a different action to just selecting the item?
So the user opens the drop down. They see View 1. At the end there is a pencil button image. If they select View 1 the list view changes. If they select the pencil it opens up the edit View dialog for that view.
Is this even possible using javascript/jQuery?
It won't be do-able with the standard select element, however it's definitely possible using divs and heavy Javascript/jQuery.
Something similar to how the jQuery plugin Chosen works - it hides the original select element and rebuilds it with divs, adding interaction with jQuery (obviously).
I am using grails 2.1.1. I have a many select box that contains so much data. Now I want to show 10 items in each display of select. And there should be next previous icon to navigate at bottom of select box. I have goggled for it but found no solution. Is it possible to do it in grails?!! Can anybody help me on this please ?
Is it possible to have multiple drop down lists in asp.net mvc?
What I'm trying to do is have a drop down list, say with many colours, Red, Green, Blue, Black etc. Then next to it a text box which the user can enter a number.
However there should be then a small + little sign next to it so that another drop down list appears underneath it allowing the user to select another colour. The number of times they can add drop down boxes should ideally be unlimited. Is this possible? I know I can put hidden drop down lists underneath them then enable/show them when the user clicks the + button, but this will only mean a limited number of drop down lists!
Thanks
This has nothing to do with ASP.net mvc. It is a pure JavaScript. Use jQuery to add ddl dynamically.
Sure, you can add as many pull-down menus to your page as you like (and it sounds like you are comfortable with the scripting to do so). Just make sure to add a unique name to each of those menus so you can access the values in your controller.
you can add an ajax action link that will update a div with a drop down list and the same div. So you can add as many dropdown list you want.