Author: admin
-
Bootstrap Popovers
Creating Popovers with Bootstrap Popover is a small overlay of content that is used to display secondary information of any element when it is clicked by a user, like those on the iPad. Step 1: Adding the Popover Markup To create a popover, you need to add the data-bs-toggle=”popover” attribute to an element. Whereas, popover’s title and…
-
Bootstrap Tooltips
Creating the Tooltips with Bootstrap A tooltip is a small pop up that appears when user places the mouse pointer over an element such as link or buttons to provide hint or information about the element being hovered. Tooltips can be very helpful for the new visitors of your website because they enable the user to…
-
Bootstrap Collapse
Toggle Display of Content with Bootstrap You can use the Bootstrap collapse JavaScript plugin to easily show and hide (or expand and collapse) specific elements on a web page. Buttons and anchors (i.e. the <button> and <a> elements) are typically used as triggers that are mapped to the elements you want to toggle. Expand and Collapse Elements via Data…
-
Bootstrap Tabs
Creating Tabs with Bootstrap Tab based navigations provides a powerful mechanism to handle huge amount of content within a small area through separating content into different panes where each pane is viewable one at a time. User can quickly access the content through switching between the panes without leaving the page. The following example will…
-
Bootstrap Dropdowns
Creating Dropdown Menus with Bootstrap The dropdown menu is typically used inside the navigation header to display a list of related links when a user mouse hover or click on the trigger element. You can use the Bootstrap dropdown plugin to add toggleable dropdown menus (i.e. open and close on click) to almost anything such…
-
Bootstrap Modals
Creating Modals with Bootstrap Modal is basically a dialog box or popup window that is used to provide important information to the user or prompt user to take necessary actions before moving on. Modals are widely used to warn users for situations like session time out or to receive their final confirmation before going to…
-
Backbone.js Utility
The utility class consists of a set of methods for implementing Backbone utility. Following are two methods that can be used to manipulate the Backbone.js utility: 1) Backbone.noConflict: It returns the Backbone objects back to its original value and provides a facility to store reference to a backbone. It can be used to embed backbone on third-party…
-
Backbone.js View
The Backbone.js Views specify how your data looks like. They represent model’s data to the users. They can be used with any JavaScript template library. They handle users input events, bind events and methods, render model and collection and interact with users. Following is a list of methods that can be used to manipulate the…
-
Backbone.js History
The backbone.js history serves as a global router, keeps track of the history, matches the appropriate route and triggers callbacks to handle events and enable routing in the application. There is only method named “start” can be used to manipulate the Backbone.js history. start: The start method listens to routes and manages the history for…
-
Backbone.js Router
Backbone.js Router is used for routing client side applications and connecting them to actions and events. It also defines the URL representation of application?s object when web applications provide linkable, bookmarkable, and sharable URL. Following is list of methods which can be used to manipulate the Backbone.js router: Index Method Description 1. extend It is…