jquery ui Tutorials

jQuery UI library has many widgets for specific purposes like – Accordion, Tabs, Tooltip, etc. one of them is Datepicker which allows the users to pick a date from the Widget.

It has various options to manage the Datepicker layout e.g. change the default date format, restricting date range, show year dropdown, etc.

While using this Widget you may have a condition arises where you want to highlight some of the specific dates or change the background-color of Holidays, events Days.

You can do this with beforeShowDay option in the datepicker() method. This allows you to specify a CSS class that contains your defined CSS style.

Read more

Tooltips are important for giving users extra information and improving their experience on a website or app. When you add a tooltip to an element, it shows a brief description or extra details about that element.

Tooltips are useful for explaining button functions, helping users with input values, or giving helpful hints.

In this tutorial, I show how you can add jQuery UI tooltip to an HTML control like – label, input element, span, paragraph, etc.

Read more