Category: JavaScript
JavaScript
Search Functionality In any tabular format data it is necessary to have a search input so that user can search their intended data using particular text or string. This will help them to find the expected data in a little time than searching the whole HTML table data by navigating to different pages. This example…
Avoid Line Break Sometimes you may need to prevent line break in the comment or remark section where an HTML input element <textarea/> is used. Generally as you type in the text area and press ENTER key to put the next part of string in the new line and it may cause some issues in…
HTML Table HTML table is mainly used to display data in tabular format in rows and columns. Each row contains one or more columns to display data. Each row is indicated by <tr/> tag, whereas each column is indicated by <td/> tag. The HTML table is indicated by <table/> tag. The HTML table header is indicated by <thead/> and body is indicated by <tbody/> tag….
HTML Table HTML table is generally used to display data in tabular format in rows and columns. Each row contains one or more columns to display data. Each row is indicated by <tr/> tag, whereas each column is indicated by <td/> tag. The HTML table is indicated by <table/> tag. The HTML table header is…
Table of Contents Introduction Prerequisites Project Setup Setup ngx-lightbox App Module Configuration Update Title App Component App HTML App Styles Testing Angular Photo Gallery Source Code Introduction In this example I am going to show you how to create photo gallery in Angular application. Photo gallery also known as image gallery or media gallery or…
Table of Contents Introduction Prerequisites Angular App In Existing Folder Introduction In this example I am going to tell you how to create Angular project in existing folder. So, when you create a new Angular application using ng new angular-app command, where angular-app is the application’s or project’s name, then a new folder angular-app gets…
Table of Contents Introduction Prerequisites Project Setup Install okta-auth-js Service Auth Service Token Service Auth Guard Components Implementing Okta Auth Role Based Access Environment Variables App Modules Routing Module Token Service Auth Service Auth Guard Expired Component Unauthorized Component Login Component App Component Dashboard Component Protected Component Update Page Testing Okta SSO Role Based Access…
Introduction Here I am going to tell you how to setup multiple environments for Angular applications. Multiple environments are required for your Angular application when you want to ensure the stability and integrity of the application when it goes live on the production environment where your application’s end users access it. Your application’s development workspace…