Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Front End Technology Articles
Page 620 of 652
How to Create Left Positioning Icon Using jQuery Mobile?
Fashioning a flawless user interface is an indispensable facet of present-day web design. A user-friendly arrangement that fosters effortless traversal is a prerequisite for any website, and this is where jQuery Mobile emerges as an invaluable resource. By virtue of its numerous and sundry user interface components and widgets, jQuery Mobile streamlines the task of fashioning mobile-friendly web pages. Among these widgets is the icon for left positioning, which is frequently employed as a graphic symbol for a navigation drawer or slide-out menu. In this exposition, we shall delve into the art of developing an icon that is positioned to ...
Read MoreHow to Change Image Source URL Using AngularJS?
AngularJS is a prevalent and potent framework for creating the front-end of web applications, enabling developers to produce dynamic and interactive web pages with great ease. An essential aspect of AngularJS is the capability to modify HTML elements and their characteristics dynamically, offering greater flexibility and customization to developers. One such conventional circumstance is dynamically altering the source Uniform Resource Locator (URL) of an image, which can be highly advantageous in diverse web-based programs. In this scholarly composition, we shall delve into the methodology of modifying the image source Uniform Resource Locator (URL) using AngularJS, and ascertain how to utilize ...
Read MoreHow to create Left arrow icon using jQuery Mobile?
In the realm of cybernetic evolution, pictographs perform an indispensable function in enhancing user interfaces with greater perceptibility and ease of use. Amidst the abundance of ideograms, the sinister arrow serves as a ubiquitous tool for the purpose of navigation. If you aim to append this indispensable pictogram to your site or app, jQuery Mobile proposes an expedient and propitious approach. The present document will lead you through the gradual procedure of contriving a left-facing arrow emblem using jQuery Mobile, commencing with configuring the setting to altering the outlook of the icon. Therefore, let us plunge into the realm of ...
Read MoreHow to select all even/odd rows in a table using jQuery?
Working with tables is a very common task when it comes to developing web applications. And sometimes we may need to select a specific row from a table. Let’s say we want all the even or odd rows, but how to do that? In this article, we will see how to select all even/odd rows in a table with jQuery. Approaches to select all even/odd rows in the table To select all even rows in a table using jQuery, we have different approaches to achieve this task. Below we have discussed the three approaches that are commonly used in ...
Read MoreFabric.js Circle centeredScaling Property
Fabric.js is a powerful JavaScript library that enables you to create and manipulate canvas objects with ease. The centeredScaling property is one of the useful properties in fabric.js, which is very helpful when working with circles. This property allows us to scale the circle from its center point. It is incredibly helpful in certain design scenarios. What is Centered Scaling? Centered scaling is a property of Fabric.js objects that allows us to resize an object from its center point instead of a corner. This property maintains the position of the object relative to its center point, which means that it ...
Read MoreHow to add multiple data types for props in Vue.js?
The javascript attribute names are case insensitive, so browsers are made in a way to interpret any uppercase characters to lowercase. This means, while using the DOM elements, camel Cased props names need to use their kebab-based (hyphen-delimited) equivalents. So let’s say that you are not sure of the type of value you might receive from the props in Vue.js. Usually, you will want every prop to have a specific type of value. But in a case when you want a prop to have a list of value types, you can use the following syntax to apply the same. props: ...
Read MoreHow to add elements to an Array using filters in Vue ?
Vue can be defined as a progressive framework for building user interfaces. It has multiple directives that can be used as per the user needs. The basic core library is mainly focused on building the view layer only and is also easy to pick up other libraries or integrate with them. In the below article, we will see how to add elements to an array. An array is basically a collection of elements. This process of adding elements into an Array can be used in real life in different scenarios. For E.g.: It can be used for creating a shopping ...
Read MoreHow to access child method from the parent in Vue.js?
Let’s say you have two nested components i.e. a component inside another component. How will you be able to access the child methods from the parent? To access the child method from the parent method you could use ref. Or you can also access the descendants of a parent via the method this.$root (a parent component) which can access the child components using the this.$children array. In the same way, the child can access its parent via the this.$parent. The vue.js basically warns against these for the below two reasons − It tightly couples the parent to the ...
Read MoreChecking if an image is loaded or not on the browser using VueJS?
Whenever we insert an image in the front end of any system, it is very important to show the user proper data and images to enhance the user experience. In any project, an image is basically loaded from the remote path URL or from the application. An image may not be loaded properly in the below scenarios − Configuring the wrong image URL Poor Internet/Network connection It is very important to check if an image is loaded or not, because if an image does not load due to poor network connection we can try loading the image ...
Read MoreAdding or removing elements from a list dynamically using VueJS?
Vue can be defined as a progressive framework for building the user interfaces. It has multiple directives that can be used as per the user needs. The basic core library is mainly focused on building the view layer only and is also easy to pick up other libraries or integrate with them. We can dynamically add or remove elements from a list in VueJS using the v-model directive. All the possibilities are binded to a single channel while using this directive. When the user selects an option out of several options, the same will be added to the list. On ...
Read More