jQuery UI widgets - javascript

What jQuery UI widgets are there, except from the official ones?
I know
Accordion
Autocomplete
Button
Datepicker
Dialog
Progressbar
Slider
Tabs

Theres to many to name, this question is very broad and you should do some research before asking a question like this.
specifically talking about the jQuery built one's then you should look at the download section: http://jqueryui.com/download
But in regards to user built ones you just need to look around the web and do a few searches. theres no way to get a list of ALL of the user built ones.

A lot of plugins are available on the jquery website:
http://plugins.jquery.com/
If you need a specific one, the only way to find them is to search for it with a search engine(ex: jquery checkbox, jquery selectmenu, jquery tooltip ...).
Checkbox
Selectmenu
Tooltip

I just found a Multiple Select Widget

Related

Word ribbon customization of native Office commands

I'm trying to figure out if it's possible to customize Ribbon in Word programatically using Word JavaScript API. I went through the documentation and couldn't figure it out. I'm also curious if it's even possible right now.
What I'd like to achieve is to disable one of the items within Revision Tab. There's a property on the Office object called Office.ribon, which provides requestUpdate(input) method, which should enable this kind of functionality. Although it looks like the RibbonApi is not fully supported yet in Word as stated in the documentation. https://learn.microsoft.com/en-us/office/dev/add-ins/reference/requirement-sets/ribbon-api-requirement-sets
Is there any alternative how to achieve this goal? It might be possible to do it in manifest.xml, but I'm not sure how to get the specific ID of that item. Only IDs of those top-level Tabs are documented, but not their buttons, dropdowns, etc. It also looks like it's only possible to customize only my own custom items, where I specify the ID by myself. Is it also possible to edit a state of those native Office components, like disabling a button within a Tab?
It seems like a basic operation which could already be a part of the API. Can anybody confirm that it's really impossible to do it so far or is there some kind of a workaround at least?
Thank you.
There is currently no way to programmatically change the ribbon in Word. We are working on enhanced ribbon customization, but I would not expect them to be available in Word before mid-2021 and they may not include the option of disabling a built-in ribbon button.

Using AngularJS' Typeahead for selecting multiple values

https://angular-ui.github.io/bootstrap/ with the Static arrays example in the Typeahead section...
If I wanted to do something like being able to select multiple states, one after the other, how would I add that into the Typeahead code? Also, is there anyway that when I click the input - it shows all the selections possible with a scroll bar?
Edit: I really like this one however it doesn't allow for multi-select: http://ghiden.github.io/angucomplete-alt/
Here is what I ended up using: https://github.com/tamtakoe/oi.multiselect
try to use chosen:
chosen at github
Chosen works very well with angular and css frameworks, because chosen only hide your original multiselect component, without affect DOM parts.

How to show full screen calender on webpage?

Hi i want to show full screen calender on webpage & i want to display the data on the cells of the calendar.Is there any way by which we can use this?
I don't want a date picker.
Does google calendar APi provide the same thing?
http://fullcalendar.io/ is a a JavaScript event calendar. Customizable and open source.
Have not tested this myself, but looks like something you could use in this case.
FullCalendar is a jQuery plugin that provides a full-sized, drag & drop event calendar like the one below. It uses AJAX to fetch events on-the-fly and is easily configured to use your own feed format. It is visually customizable with a rich API.
FullCalendar also got it's own tag here at SO with a couple of thousand questions, which makes it easier to find resources for common tasks.
After a quick Google search I found this, maybe one of those can solve your problem.

Allow a user to move Jquery tabs around ( Re-order them by dragging )

Cant seem to find a clear example of how to do this..
So,
I have a bunch of Jquery tabs. Some get created and deleted on the fly by the page.
How can I enable them to be "Re-ordered" Ie: A user clicks and drags one to the beginning of the list..?
A bit like how you can re-order google chrome tabs.. But for Jquery UI tabs?
Any ideas much appreciated.
Thanks
Graham
The obvious answer for me would be - jquery SORTABLE added to your tabs elements.
Refer to jquery docs - http://jqueryui.com/sortable/.
But if tabs are saved in interface for user(after login the order is maintaned) you would have to set up database access and save the positions of tabs into it.

Making dropdown menu for jQuery UI split button

My project's 99% UI things works on jQuery UI. I need, SplitButton feature, but it has no dropdown menu. This demo seems to suggest that the Button widget could be used to create a dropdown menu here.
I was wondering, is there any way to create simple dropdown menu with this Button widget? I mean something in a manner similar to the demo provided here for autocomplete: http://jqueryui.com/demos/autocomplete/ Can't figure out how to get this work.
And please don't answer me to use Twitter Bootstrap. Because it's button function conflicts with jq-ui's button function, and I can't resolve this conflict.

Categories

Resources