Aman Gupta has Published 87 Articles

How to create radio button similar to the toggle button using Bootstrap

Aman Gupta

Aman Gupta

Updated on 11-Apr-2023 16:05:14

1K+ Views

Overview We can create a radio button same as the toggle button which can be used in our web application in the part where we have to choose the options or regarding changing actions. In creating the radio button we can use the bootstrap predefined classes which will help us ... Read More

How to create progress bar using the HTML and CSS

Aman Gupta

Aman Gupta

Updated on 11-Apr-2023 16:03:32

2K+ Views

Overview The progress bar is the main component for any web application. The progress tells the completion of a certain project or task. In this module we will build the progress bar using the HTML and will style it through the CSS. We will also provide the progress animation to ... Read More

How to create progress bar in different colors in Bootstrap

Aman Gupta

Aman Gupta

Updated on 11-Apr-2023 16:01:18

669 Views

Overview Bootstrap provides beautiful ways to build the components to our website. The bootstrap comes up with certain classes by using these classes in our tags. A whole component can be built very nicely without adding an external style sheet, but if we want to make some changes to the ... Read More

How to create a pop-up div on mouse over and stay when click using jQuery

Aman Gupta

Aman Gupta

Updated on 11-Apr-2023 15:51:28

3K+ Views

Overview The pop-up div can be created with the help of HTML, CSS and the functioning of which can be done with the help of ‘Javascript’ library ‘jQuery’. To make the mouseover and stay functionality to the div jQuery has a built in pre defined function. The two ... Read More

How to create nofollow link using HTML5

Aman Gupta

Aman Gupta

Updated on 11-Apr-2023 15:48:39

247 Views

Overview In simple language, a “nofollow” link is a link which tells the google search engine to not to follow the particular link. As when it comes to the search engine optimization of the page, time the links play a vital role in the ranking of the page. In the ... Read More

How to create a navbar in Bootstrap

Aman Gupta

Aman Gupta

Updated on 11-Apr-2023 15:47:22

834 Views

Overview A navbar is a common component in any web application. A navbar can also act like a header which contains a logo of an organization or the brand which represents the website. It also contains the navigation part of the website through which we can navigate through a part ... Read More

How to create a multiline input control text area in HTML5

Aman Gupta

Aman Gupta

Updated on 11-Apr-2023 15:45:30

357 Views

Overview The text area is an HTML tag which is used to write a multiline text in it. So to control the multiline text inside the text area can be achieved with the help of some predefined HTML attribute. These HTML attributes are maxlength, minlength, rows, column and readonly. By ... Read More

How to create a Mini Button using jQuery Mobile

Aman Gupta

Aman Gupta

Updated on 11-Apr-2023 15:44:14

110 Views

Overview The jQuery comes up with certain classes by defining those classes in the anchor element, input tag or in a button tag we can create a mini button. The jQuery mobile has its own styling with their classes so there is only need to link the Content Delivery Network ... Read More

How to create mixin for placeholder in SASS

Aman Gupta

Aman Gupta

Updated on 11-Apr-2023 15:40:15

114 Views

Overview A placeholder is an attribute of a HTML input tag, which tells the user about the input tag what information is to be filled in it. To style the placeholder of an input tag we will use the Syntactically Awesome Style Sheets (SASS) preprocessor scripting language in which it ... Read More

How to create Mini sized selects using jQuery Mobile

Aman Gupta

Aman Gupta

Updated on 11-Apr-2023 15:37:22

148 Views

Overview The jQuery provides the attributes with value by which the dropdown list is created without adding the external styling to the element. The mini sized selects with the help of jQuery mobile can also be created by setting the “data-mini” value as true. The dropdown list is created which ... Read More

Advertisements