Introduction In this example I am going to show you how to color HTML table’s cells based on condition. The condition may be a value range, for example, HTML table cells (<td/>) have certain values and based on values you can choose background color of the cells. I am using pure JavaScript to iterate through…

Posted in CSS HTML JavaScript

HTML Table Conditional Cell Color

Table of Contents Introduction Prerequisites Project Setup MySQL Table DataSource Config Entity Class Repository Interface Service Class Spring Web Controller Spring Boot Main Class UI (User Interface) Testing Multi Steps Form Source Code Introduction In this example I am going to show you how to build multisteps form using Spring Boot thymeleaf jquery. Multi steps…

Posted in jQuery Spring Boot

Spring Boot Thymeleaf jQuery MultiSteps Form

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…

Posted in Angular

How To Create Photo Gallery In Angular

Table of Contents Introduction Prerequisites Angular Project Settings Gradle Properties Spring Boot Project Build App Testing Angular Spring Boot Integration Source Code Introduction In this tutorial I will show you how to integrate Angular into Spring Boot using Gradle build tool. So, let’s say you have two different projects – Angular application and Spring Boot…

Posted in Angular Gradle Spring Boot

Integrate Angular into Spring Boot using Gradle

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…

Posted in Angular

How To Create Angular Project In Existing Folder

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…

Posted in Angular

Angular Okta SSO Role Based Access

Table of Contents Introduction Why Does 404 Error Occur Solution Introduction Here in this tutorial I am going to show you how to redirect to context path for 404 error in Angular Spring Boot application. Context path basically is the same path for home page or root URL. It is assumed that your frontend application…

Posted in Angular Spring Boot

Redirect To Context Path For 404 Error In Angular Spring Boot

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…

Posted in Angular

How To Setup Multiple Environments For Angular Applications

What is integrity attribute? You might have seen the integrity attribute as well as crossorigin attribute in web page source code. The integrity and crossorigin attributes are used in the <script> and <link> tags. This is also called subresource integrity because it is included into the third party resources which are parts of the HTML…

Posted in CSS HTML JavaScript jQuery

HTML Script Integrity Attribute – SubRresource Integrity (SRI)

Introduction In this tutorial I am going to show you how to build Spring Boot Angular CRUD Application. CRUD is an acronym and stands for Create, Read, Update and Delete operations performed through an application or APIs. Using Spring Boot application I will build REST APIs which will be used to perform CRUD operations on…

Posted in Angular Spring Boot Spring JPA Spring REST

Angular Spring Boot REST API CRUD Example

Introduction Here I am going to show you how to build an application using Angular for authenticating a user using Okta SSO (Single Sign On) with PKCE. Okta is an enterprise level identity provider that helps you to enable Single Sign-On across applications within an enterprise. Angular is a single page application (SPA) and it…

Posted in Angular

Angular Okta SSO (Single Sign On) with PKCE

Introduction In this post you will see an example about Angular Spring Boot Security JWT (JSON Web Token) Authentication and role based Authorization for REST APIs or RESTful services. I won’t explain here about JWT as there is already very good article on JWT. I will implement Spring Security’s UserDetailsService to load user from database. I…

Posted in Angular Spring Boot

Angular Spring Boot Security JWT Authentication And Authorization