Place Two Input Boxes Next to Each Other Using Bootstrap 4

Mohit Panchasara
Updated on 26-Jul-2023 12:01:16

877 Views

Bootstrap is a popular frontend framework containing pre-styled components and allowing developers to use that directly in the application. The ‘4’ is the version of the Bootstrap. Bootstrap also contains pre-styled input components. Furthermore, it has different kinds of the input components, such as input groups, single input, etc. While creating a form, if we require to add 10s of inputs in the form, we can put some input fields side by side, such as first name and last name we can put side by side. In this tutorial, we will use Bootstrap to place two input boxes next to ... Read More

Inherit a Class to Another File in SASS

Mohit Panchasara
Updated on 26-Jul-2023 11:59:34

2K+ Views

The SASS is a pre-processor built on top of the CSS to manipulate the CSS code better. It contains multiple directives and rules, making it easy to write CSS code. It also contains some very useful features such as inheritance, if/else statements, functions, etc. In SASS, we can import one file into another file and use one file's content for another. It also allows us to create inheritance between multiple classes. We can use the @extend directive to inherit one class to another class. By using inheritance in CSS, we can increase the reusability of the code. In this tutorial, ... Read More

Place Font Awesome Icon in Input Field

Mohit Panchasara
Updated on 26-Jul-2023 11:56:33

4K+ Views

In many cases, developers require to place an icon inside the text input or particular HTML element. For example, we are creating a form containing multiple inputs. If we put the icon related to the form input field inside the input, we can create a better UI and attractive design for the application. In this tutorial, we will use the font-awesome library to add the icon on the web page. Also, we will manipulate the CSS code to place the icon inside the input field. Syntax Users can follow the syntax below to place an icon inside the input field. ... Read More

Save and Load Game Function in Pygame

Prince Yadav
Updated on 26-Jul-2023 11:45:38

966 Views

Pygame is an extensively utilized open−source library that offers a wide range of tools and functions specifically designed for the development of 2D games using Python. Within its extensive toolkit, one standout feature is the save/load game function, which empowers developers to seamlessly incorporate save points, progress tracking, and player persistence into their games. In this article, we will delve into the significance of the save/load game function in Pygame, exploring its capabilities and highlighting its importance in game development. Furthermore, we will provide illustrative examples to effectively demonstrate how this function can be implemented to enhance the overall ... Read More

Perform jQuery Callback After Submitting the Form

Mohit Panchasara
Updated on 26-Jul-2023 11:40:03

3K+ Views

Nowadays, every website contains at least a single form, such as a contact form, application form, etc. It is also required to notify users when the form is submitted successfully or with errors so that users can take action again. In JQuery, we can use the submit() method to call the callback function after submitting the form. However, we can also save form data to the database in the callback functions. So, there can be many use cases where we must call the callback function after submitting the form to perform the particular operations. Syntax Users can follow the syntax ... Read More

Real-Time Search and Filter on HTML Table

Mohit Panchasara
Updated on 26-Jul-2023 11:35:12

2K+ Views

When developers develop a real-time web application, they need to deal with a large amount of data. For example, we have listed 1000 product data in the table format on the web page. If users want to find any particular product from the table, they need to scan the whole table by scrolling through it, which is a very bad user experience. So, it is necessary to add a search functionality to the table to allow users to search for any specific data in the table. Here, we will learn to add search functionality to the table using JavaScript and ... Read More

Difference Between Monolithic and Layered Operating Systems

Diksha Patro
Updated on 26-Jul-2023 11:20:07

5K+ Views

In this article, you will discover the distinction between layered and monolithic operating systems. But before we get into that, it's important to understand the benefits and drawbacks of monolithic and layered operating systems. What is a Monolithic Operating System? A Monolithic Operating System is a straightforward operating system where the kernel directly manages file management, device management, process management, and memory management. It is also known as a monolithic kernel. This type of operating system is considered outdated and was used in banks for tasks like batch processing and time-sharing. The monolithic kernel controls all physical components through ... Read More

Mindepth and Maxdepth in Linux Find Command

Diksha Patro
Updated on 26-Jul-2023 10:57:06

5K+ Views

The find command in Linux is used to look for files and directories inside a directory structure. The find command's min depth and max depth arguments let you restrict the search to a certain directory or depth level. Max depth defines the maximum depth level up to which the search should be conducted, whereas min depth specifies the least depth level from the starting directory where the search should begin. These choices can help you focus your search to a certain directory or depth level within a complicated directory structure. What are min depth and max depth levels? max depth ... Read More

Minimum Characters to Remove Palindromic Substrings in Ternary String

Prabhdeep Singh
Updated on 26-Jul-2023 10:51:57

172 Views

A palindromic string is a string that is equal to its reverse string. We are given a string that contains ‘0’, ‘1’, and ‘2’ and an array Q of length N and each index of the given array indicates a range in the form of pairs. We have to find the minimum number of characters that are needed to replace in the given range such that none of the palindromic substrings remains in that range. Sample Example Input1: string s: “01001020002”, int Q = {{0, 4}, {2, 5}, {5, 10}}; Output: 1 1 3 Explanation For the range ... Read More

Maximize Given Function by Selecting Equal Length Substrings from Binary Strings

Prabhdeep Singh
Updated on 26-Jul-2023 10:50:29

225 Views

Two binary strings str1 and str2 of the same length are given and we have to maximize a given function value by choosing the substrings from the given strings of equal length. The given function is such that − fun(str1, str2) = (len(substring))/(2^xor(sub1, sub2)). Here, len(substring) is the length of the first substring while xor(sub1, sub2) is the xor of the given substrings as they are binary strings so it is possible. Sample Examples Input1: string str1 = 10110 & string str2 = 11101 Output: 3 Explanation We can choose a lot of different sets of strings ... Read More

Advertisements