Found 766 Articles for JQuery

img-rounded Bootstrap class

George John
Updated on 12-Jun-2020 14:37:56

214 Views

Use the img-rounded Bootstrap class to style your image and give it rounded corners:ExampleLive Demo           Bootstrap Images                                 Styling images with Bootstrap       Original Image             Rounded Image          

Add sizes for Bootstrap Buttons

Arjun Thakur
Updated on 12-Jun-2020 14:26:25

172 Views

To add size for buttons in Bootstrap, try the following classes:ClassDescription.btn-lgThis makes the button size large..btn-smThis makes the button size small..btn-xsThis makes the button size extra small..btn-blockThis creates block level buttons—those that span the full width of a parent.ExampleYou can try to run the following code to create a small button −Live Demo           Bootstrap Example                                                  Small button          

Bootstrap Form TextArea

Lakshmi Srinivas
Updated on 12-Jun-2020 14:09:30

2K+ Views

The textarea is used when you need multiple lines of input. You can try to run the following code to work with textarea in Bootstrap FormsExampleLive Demo           Bootstrap Forms                                                             Player                                             Rank                                             Player Details                                

Set heights and widths of forms with Bootstrap

Chandu yadav
Updated on 12-Jun-2020 13:49:34

1K+ Views

Use classes like .input-lg and .col-lg-* to set the height and width of forms.ExampleYou can try to run the following code to set the form height and width −Live Demo           Bootstrap Example                                                                                                                                                                                .input-lg                                                            Default select                                                            .input-sm                                                                                                                                                                            

Bootstrap Form select

Samual Sam
Updated on 12-Jun-2020 13:55:03

262 Views

A select is used when you want to allow the user to pick from multiple options, but by default, it only allows one.Use for list options with which the user is familiar, such as states or numbers.Use multiple = "multiple" to allow the users to select more than one option.ExampleYou can try to run the following code to implement Bootstrap form selectLive Demo           Bootstrap Example                                                             Country                            India                Australia                US                                

Bootstrap Validation States

Lakshmi Srinivas
Updated on 12-Jun-2020 13:58:42

300 Views

Bootstrap includes validation styles for errors, warnings, and success messages. To use, simply add the appropriate class (.has-warning, .has-error, or .has-success) to the parent element.ExampleYou can try to run the following code to implement the validation statesLive  Demo           Bootstrap Example                                                       Focused                                                                         Disabled                                                                                                           Disabled input (Fieldset disabled)                                                                                                                             Disabled select menu (Fieldset disabled)                                                                        Disabled select                                                                                              Input with success                                                                                                    Input with warning                                                                                                    Input with error                                                                        

Bootstrap Contextual classes

Arjun Thakur
Updated on 12-Jun-2020 12:53:55

1K+ Views

The Bootstrap Contextual Class allows you to change the background color of your table rows or individual cells.The following are the classes −ClassDescription.activeApplies the hover color to a particular row or cell.successIndicates a successful or positive action.warningIndicates a warning that might need attention.dangerIndicates a dangerous or potentially negative actionExampleThe following is an example of the active class −ExampleLive Demo           Bootstrap Table                                                                      Subject                Marks                Student                                                            Maths                90                Amit                                        Science                80                Aman                                        English                85                Rahul                                

Load and unload a table in SAP HANA using SQL query

SAP Developer
Updated on 13-Mar-2020 08:00:05

843 Views

In SAP HANA, it is possible to manually load and unload individual tables and table columns.You can perform loading of table to precisely measure the total or “worst case” amount of memory used by a particular table.A table is unload from database to actively free up memory.You can use following SQL queries to perform load/unload of table −LOAD UNLOAD

How to use FastClick with jQuery Mobile the right way in HTML?

Lakshmi Srinivas
Updated on 30-Jan-2020 07:01:08

127 Views

There is no need to use 3rd party plugins like Fastclick. jQuery Mobile solved this with vclick event.JQuery works well on mobile and desktop and don’t have 300 ms delay$(document).on('vclick', '#impButton', function(){ });

Effects and animations with Google Maps markers in HTML5

Samual Sam
Updated on 30-Jan-2020 06:11:17

137 Views

There is no way to fade markers through API.However, markers can be simulated by creating Custom Overlay.Custom overlay usually contains a div with the help of which opacity can be controlled by javascript or jquery.In order to create effects or animations over Google Maps markers, we need a custom overlay.The marker can be added to map and it surely makes optimized: false optionvar newmarkerimg= $('#map_canvas img[src*="iconmarker "][class!="imageadjust "]');

Advertisements