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 640 of 652
Create a Scatter Chart using Recharts in ReactJS
In this article, are going to explore the Rechart JS Library and implement it in a React application to watch how they are used. Rechart Libraries are specifically used for creating different types of charts over the React Application. Charts that can be built using this library are Line Charts, Bar Charts, Pie Charts, Scatter Charts, etc.In this tutorial, we will create a Scatter Chart with the required data points and display the same to the user. The dataset for the scatter chart will have x and y coordinate details. Then with the help of a Cartesian product, we will ...
Read MoreWhat are the differences between AngularJs and Google Web Toolkit (GWT)?
Let us understand the concepts of AngularJS and Google Web Toolkit (GWT) before learning the differences between them.Google Web ToolkitIt is an open-source set of tools which allows creating and maintaining JavaScript front-end applications in Java by the web developers. It was launched in the year 2006 by Google and the code is written in Java.The operating system that supports GWT is Linux, Windows, OS X, FreeBSD. It helps in creating RICH Internet Applications. It helps in converting java source code to equivalent JavaScript.FeaturesThe features of Google Web Toolkit are as follows −DynamicReusable UI componentsSimple RPC mechanismBrowser history managementSupport for ...
Read MoreResponsive Video or Slideshow Embeds in Bootstrap with Examples
Bootstrap is a free open source and is one of the most famous HTML, CSS, and Javascript frameworks. It's used for user interfaces and themes that create what a user sees in a website or application, and it's utilized on the client rather than the server.Responsive web applications automatically adapt to various screen sizes. It is used to create responsive mobile-first web apps and websites; mobile-first refers to designing for smaller displays first and then scaling up to bigger ones. As a result, you won't have to worry about your app not working on different devices or with different screen ...
Read Moreangularjs – ng-class Directive
The ng-class Directive in angularjs allows the user to dynamically set the CSS classes on an HTML element by databinding an expression which will further represent all those classes to be added. The class is only added if the expression inside the ngClass Directive returns True, else it will not be added. It is supported by all the HTML elements.The directive does not set any duplicate class if it was already set. When the expression changes, the previously added classes will be removed and the new classes will be added only after that.Syntax..Content..Example − ngClass DirectiveCreate a file "ngClass.html" in ...
Read MoreAngularJS – ng-mousedown Directive
The ng-mousedown Directive in AngularJS basically specifies a custom event on mouse-down event. We can perform multiple functions whenever the mouse is pressed and the mouse-down event is called.Syntax..content..Example − ngMousedown DirectiveCreate a file "ngMousedown.html" in your Angular project directory and copy-paste the following code snippet. ngMousedown Directive Welcome to Tutorials Point angularjs | ngMousedown Directive Click mouse and hold !!! OutputTo run the above code, just go to your file and run it as a normal HTML file.Your browser does not support HTML5 video.
Read MoreAngularJS – angular.element() function
The angular.element() method wraps the raw DOM element or the HTML string as a jQuery element. If jQuery is available or imported, angular.element is an alias for the jQuery function, else this method delegates to AngularJS’s built-in subset of jQuery called jQueryLite or jqLite.Syntaxangular.element(element)Example − Wrapping the DOM element using angular.element()Create a file "element.html" in your Angular project directory and copy-paste the following code snippet. angular.element() Welcome to Tutorials Point ...
Read MoreAngularJS – ng-copy Directive
The ng-copy Directive in AngularJS is used for specifying any custom behaviour while copying the texts in input text fields. We can use this directive to call certain methods that will be triggered while the text is copied from the input field. This directive is supported by all types of input elements.Syntax..content..Example − ngCopy DirectiveCreate a file "ngCopy.html" in your Angular project directory and copy-paste the following code snippet. ngCopy Directive .index {color: white; background-color: green;} ...
Read MoreAngularJS – equals() method
The equals() method in AngularJS basically checks if two objects or two values are equal or not. This method supports value types, regular expressions, arrays, and objects. It will return True if the reference objects passed inside the function are equal, else it will return False.Syntaxangular.equals(value1, value2)Example − Check if the reference objects are equal or notCreate a file "equals.html" in your Angular project directory and copy-paste the following code snippet. angular.equals() Welcome to Tutorials Points ...
Read MoreAngularJS – ngMaxlength Directive
The ngMaxlength Directive in AngularJS adds the maxlength validator to the ngModel. This directive is mostly used to control the text-based inputs but can also be applied for controlling the custom text-based controls.This validator sets the maxlength error key if the value ngModel.$viewValue is longer than the integer value obtained by evaluating the Angular JS expression defined in the ngMaxlength attribute value.Syntax..content..Example − ngMaxlength DirectiveCreate a file "ngMaxlength.html" in your Angular project directory and copy-paste the following code snippet. ngMaxlength Directive ...
Read MoreAngularJS – ng-style Directive
The ng-style Directive in AngularJS helps you to set the CSS style of an HTML element conditionally. If the condition evaluates to True, the style will be applied. The expression inside the ng-style directive must be an object. This is supported by all the HTML elements.Syntax..content..Example − ngStyle DirectiveCreate a file "ngStyle.html" in your Angular project directory and copy-paste the following code snippet. ngStyle Directive span { color: black; } ...
Read More