Angular Archives - Codeplaners

Angular 16 install Bootstrap 5 Example

admin — Sat, 03 Jun 2023 03:51:26 +0000

Hi dev,

Today, i show you angular 16 install bootstrap 5 example. This article will give you simple angular 16 install bootstrap 5 example. you will angular 16 install bootstrap 5 example. In this article, we will implement a angular 16 install bootstrap 5 example.

So, let’s follow few steps to create example of angular 16 install bootstrap 5 example.

Step 1: Angular 16 Install

Follow This Command And Install Angular 16

ng new my-new-app

Step 2: Example 1

install bootstrap on your angular 16 and import css file to style.css file. this is only for css importing. so you can run command bellow:

npm install bootstrap --save

After that, we need to install the font awesome library using the below npm command

npm install font-awesome --save

import your bootstrap css on style.css file as like bellow:
src/style.css

@import "~bootstrap/dist/css/bootstrap.css";

Step 3: Example 2

We will also install bootstrap along with jquery and popper js. so that you can import bootstrap css and bootstrap js functions as well. So i think this will be the best solution for you i think.
let’s run following commands:

npm install bootstrap --save

npm install jquery --save

npm install popper.js --save

Now after running above command successfully. Let’s import it in the Angular.json file.
angular.json

"styles": [
        "node_modules/bootstrap/dist/css/bootstrap.min.css",
        "src/styles.css"
      ],
      "scripts": [
          "node_modules/jquery/dist/jquery.min.js",
          "node_modules/bootstrap/dist/js/bootstrap.min.js"
      ]

src/app/app.component.html


  Angular 16 install Bootstrap 5 Example
  
  
    
      Featured
    
    
      Special title treatment
      With supporting text below as a natural lead-in to additional content.
      Go somewhere

Run Angular App:

We have now completed all the steps, now you need to type the below command and press enter to run the Angular app:

ng serve

Now, go to your web browser, type the given URL and see the app output:

http://localhost:4200

I hope it will assist you…

The post Angular 16 install Bootstrap 5 Example appeared first on Codeplaners.

How to Update Angular 15 to Angular 16?

admin — Wed, 31 May 2023 05:11:50 +0000

Hi dev,

Today, i show you update angular 15 to angular 16. This article will give you simple example of update angular 15 to angular 16. you will update angular 15 to angular 16. In this article, we will implement a update angular 15 to angular 16.

So, let’s follow few steps to create example of update angular 15 to angular 16.

Update Angular CLI:

you may instantly upgrade all instances of the angular CLI. To do this, run the following line.

ng update @angular/cli @angular/core

Now you can see ng version by following command:

ng version

Update Angular CLI using reinstall:

I’ll provide you a list of commands to use to upgrade from Angular 15 to Angular 16 utilising the uninstall and upgrade functions.
Uninstall Angular CLI:

npm uninstall -g @angular/cli

Clear Cache:

npm cache clean --force
  
npm cache verify

Install Angular CLI:

npm install -g @angular/cli

Check new version of angular. following command:

ng version

I hope it will assist you…

The post How to Update Angular 15 to Angular 16? appeared first on Codeplaners.

Angular HTML Content Tooltip Example

admin — Wed, 04 Aug 2021 23:53:39 +0000

Hi Dev,

Today, i we will show you angular html content tooltip example. This article will implement a angular 12 tooltip with html content. step by step explain angular 12 tooltip with html content.

Sometime we’d like to feature tooltip with HTML content as a result of we’d like to show thereforeme text as daring or as title so, here we are going to use npm ng2-tooltip-directive package for adding tooltip with HTML content.you can use this example with in angular 6, angular 7, angular 8, angular 9, angular 10, angular 11 and angular 12 version app.

So let’s follow few step to create example of angular html content tooltip example.

Step 1: Install New App

You can easily install angular app using bellow command:

ng new myNewApp

Step 2: Install ng2-tooltip-directive npm Package

we need to just install ng2-tooltip-directive in our angular app. so let’s using bellow command:

npm i ng2-tooltip-directive

Step 3: Import TooltipModule

import TooltipModule module as like below code:
src/app/app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
  
import { AppComponent } from './app.component';
import { TooltipModule } from 'ng2-tooltip-directive';
  
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    TooltipModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Step 4: Update Component Html File

we need to update Component html file as like below code:
src/app/app.component.html

Angular HTML Content Tooltip Example
  

  

  Hello i'm a bold text!

run your app by below command

ng serve

I hope it will assist you…

The post Angular HTML Content Tooltip Example appeared first on Codeplaners.

How to Create Angular 12 CRUD Example

admin — Tue, 15 Jun 2021 00:28:48 +0000

Hi Dev,

Today, i we will show you how to create angular 12 CRUD example. This article will give you simple example of how to create angular 12 CRUD example. you will learn how to create angular 12 CRUD example.

As you know, angular 12 is released few months back. angular 12 provide more feature and improvements. We will help you in making seven crude operations of angular 12 in this post. So let’s follow few step to create example of how to create angular 12 CRUD example.

Step 1:- Create New Angular App

First of, open your terminal and install new angular app:

ng new my-crud-app --routing

Step 2:- Install Bootstrap

npm install bootstrap --save

import css file as like bellow
src/styles.css

/* You can add global styles to this file, and also import other style files */
@import "~bootstrap/dist/css/bootstrap.css";

Step 3:- Create Post Module

follow command and create post module

ng generate module post --routing

successfully run command and create files:

src/app/post/post.module.ts
src/app/post/post-routing.module.ts

Step 4:- Create Component For Module

add new component to our post module using bellow command, so let’s create index, view, create and edit component for admin module:

ng generate component post/index
ng generate component post/view
ng generate component post/create
ng generate component post/edit

successfully run command and create folder with files:

src/app/post/index/*
src/app/post/view/*
src/app/post/create/*
src/app/post/edit/*

Step 5:- Create Route

In this step, we will simply create route for index, create, edit and view using generated new component. so we have to update our post-routing module file.

src/app/post/post-routing.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { IndexComponent } from './index/index.component';
import { ViewComponent } from './view/view.component';
import { CreateComponent } from './create/create.component';
import { EditComponent } from './edit/edit.component';
  
const routes: Routes = [
  { path: 'post', redirectTo: 'post/index', pathMatch: 'full'},
  { path: 'post/index', component: IndexComponent },
  { path: 'post/:postId/view', component: ViewComponent },
  { path: 'post/create', component: CreateComponent },
  { path: 'post/:postId/edit', component: EditComponent } 
];
  
@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class PostRoutingModule { }

Step 6:- Create Interface

in this step, we will create interface using angular command for post module.

ng generate interface post/post

src/app/post/post.ts

export interface Post {
    id: number;
    title: string;
    body: string;
}

Step 7:- Create Services

Here, we will create post service file and we will write and call all web services. we will create getAll(), create(), find(), update() and delete().

we are using https://jsonplaceholder.typicode.com web site api for now.

create post service and put all code for web service method.

ng generate service post/post

src/app/post/post.service.ts

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
   
import {  Observable, throwError } from 'rxjs';
import { catchError } from 'rxjs/operators';
    
import { Post } from './post';
     
@Injectable({
  providedIn: 'root'
})
export class PostService {
     
  private apiURL = "https://jsonplaceholder.typicode.com";
     
  httpOptions = {
    headers: new HttpHeaders({
      'Content-Type': 'application/json'
    })
  }
   
  constructor(private httpClient: HttpClient) { }
     
  getAll(): Observable {

    return this.httpClient.get(this.apiURL + '/posts/')

    .pipe(
      catchError(this.errorHandler)
    )
  }
     
  create(post:Post): Observable {

    return this.httpClient.post(this.apiURL + '/posts/', JSON.stringify(post), this.httpOptions)

    .pipe(
      catchError(this.errorHandler)
    )
  }  
     
  find(id:number): Observable {

    return this.httpClient.get(this.apiURL + '/posts/' + id)

    .pipe(
      catchError(this.errorHandler)
    )
  }
     
  update(id:number, post:Post): Observable {

    return this.httpClient.put(this.apiURL + '/posts/' + id, JSON.stringify(post), this.httpOptions)

    .pipe(
      catchError(this.errorHandler)
    )
  }
     
  delete(id:number){
    return this.httpClient.delete(this.apiURL + '/posts/' + id, this.httpOptions)

    .pipe(
      catchError(this.errorHandler)
    )
  }
    
    
  errorHandler(error:any) {
    let errorMessage = '';
    if(error.error instanceof ErrorEvent) {
      errorMessage = error.error.message;
    } else {
      errorMessage = `Error Code: ${error.status}\nMessage: ${error.message}`;
    }
    return throwError(errorMessage);
 }
}

Step 8:- Update Component and Template

see one by one:

1:- List Page Template and Component
src/app/post/index/index.component.ts

import { Component, OnInit } from '@angular/core';
import { PostService } from '../post.service';
import { Post } from '../post';
    
@Component({
  selector: 'app-index',
  templateUrl: './index.component.html',
  styleUrls: ['./index.component.css']
})
export class IndexComponent implements OnInit {
     
  posts: Post[] = [];
   
  constructor(public postService: PostService) { }
    
  ngOnInit(): void {
    this.postService.getAll().subscribe((data: Post[])=>{
      this.posts = data;
      console.log(this.posts);
    })  
  }
    
  deletePost(id:number){
    this.postService.delete(id).subscribe(res => {
         this.posts = this.posts.filter(item => item.id !== id);
         console.log('Post deleted successfully!');
    })
  }
  
}

src/app/post/index/index.component.html


    How to Create Angular 12 CRUD Example - codeplaners.com
  
    Create New Post
    
    
      
        ID
        Title
        Body
        Action
      
      
        {{ post.id }}
        {{ post.title }}
        {{ post.body }}
        
          View
          Edit

ID	Title	Body	Action
{{ post.id }}	{{ post.title }}	{{ post.body }}	View Edit

2:- Create Page Template and Component

src/app/post/create/create.component.ts

import { Component, OnInit } from '@angular/core';
import { PostService } from '../post.service';
import { Router } from '@angular/router';
import { FormGroup, FormControl, Validators} from '@angular/forms';
   
@Component({
  selector: 'app-create',
  templateUrl: './create.component.html',
  styleUrls: ['./create.component.css']
})
export class CreateComponent implements OnInit {
  
  form: FormGroup;
   
  constructor(
    public postService: PostService,
    private router: Router
  ) { }
  
  ngOnInit(): void {
    this.form = new FormGroup({
      title: new FormControl('', [Validators.required]),
      body: new FormControl('', Validators.required)
    });
  }
   
  get f(){
    return this.form.controls;
  }
    
  submit(){
    console.log(this.form.value);
    this.postService.create(this.form.value).subscribe(res => {
         console.log('Post created successfully!');
         this.router.navigateByUrl('post/index');
    })
  }
  
}

src/app/post/create/create.component.html


    Create New Post
  
    Back
        
    
  
        
            Title:
            
            
                Title is required.
            
        
  
        
            Body
                        
            
                Body is required.

3:- Edit Page Template and Component
src/app/post/edit/edit.component.ts

import { Component, OnInit } from '@angular/core';
import { PostService } from '../post.service';
import { ActivatedRoute, Router } from '@angular/router';
import { Post } from '../post';
import { FormGroup, FormControl, Validators} from '@angular/forms';
   
@Component({
  selector: 'app-edit',
  templateUrl: './edit.component.html',
  styleUrls: ['./edit.component.css']
})
export class EditComponent implements OnInit {
    
  id: number;
  post: Post;
  form: FormGroup;
  
  constructor(
    public postService: PostService,
    private route: ActivatedRoute,
    private router: Router
  ) { }
  
  ngOnInit(): void {
    this.id = this.route.snapshot.params['postId'];
    this.postService.find(this.id).subscribe((data: Post)=>{
      this.post = data;
    });
    
    this.form = new FormGroup({
      title: new FormControl('', [Validators.required]),
      body: new FormControl('', Validators.required)
    });
  }
   
  get f(){
    return this.form.controls;
  }
     
  submit(){
    console.log(this.form.value);
    this.postService.update(this.id, this.form.value).subscribe(res => {
         console.log('Post updated successfully!');
         this.router.navigateByUrl('post/index');
    })
  }
   
}

src/app/post/edit/edit.component.html


    Update Post
  
    Back
        
    
  
        
            Title:
            
            
                Title is required.
            
        
         
        
            Body
                        
            
                Body is required.

4:- Details Page Template and Component
src/app/post/view/view.component.ts

import { Component, OnInit } from '@angular/core';
import { PostService } from '../post.service';
import { ActivatedRoute, Router } from '@angular/router';
import { Post } from '../post';
  
@Component({
  selector: 'app-view',
  templateUrl: './view.component.html',
  styleUrls: ['./view.component.css']
})
export class ViewComponent implements OnInit {
   
  id: number;
  post: Post;
   
  constructor(
    public postService: PostService,
    private route: ActivatedRoute,
    private router: Router
   ) { }
  
  ngOnInit(): void {
    this.id = this.route.snapshot.params['postId'];
      
    this.postService.find(this.id).subscribe((data: Post)=>{
      this.post = data;
    });
  }
  
}

src/app/post/view/view.component.html


    View Post
  
    Back
   
    
        ID:
        {{ post.id }}
    
   
    
        Title:
        {{ post.title }}
    
   
    
        Body:
        {{ post.body }}

Now let’s update app html view:
src/app/app.component.html

Step 9:- Import Module File

src/app/app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
  
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
  
import { PostModule } from './post/post.module';
  
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    PostModule,
    HttpClientModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

src/app/post/post.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
  
import { PostRoutingModule } from './post-routing.module';
import { IndexComponent } from './index/index.component';
import { ViewComponent } from './view/view.component';
import { CreateComponent } from './create/create.component';
import { EditComponent } from './edit/edit.component';
  
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
  
@NgModule({
  declarations: [IndexComponent, ViewComponent, CreateComponent, EditComponent],
  imports: [
    CommonModule,
    PostRoutingModule,
    FormsModule,
    ReactiveFormsModule
  ]
})
export class PostModule { }

if you have other issues with PropertyInitialization then you can set false as like bellow:

tsconfig.json

{
  ...
  "angularCompilerOptions": {
    ...
    "strictPropertyInitialization" : false,
  }
}

run our example, you can run by following command:

ng serve

Url:

localhost:4200/post

The post How to Create Angular 12 CRUD Example appeared first on Codeplaners.

How to Image Upload Angular 12 Example

admin — Sat, 05 Jun 2021 13:29:26 +0000

Hi Dev,

Today, i we will show you how to image upload angular 12 example. This article will give you simple example of how to image upload angular 12 example. you will learn how to image upload angular 12 example. So let’s follow few step to create example of how to image upload angular 12 example.

Step 1:- Create New Angular App

First of, open your terminal and install new angular app:

ng new my-new-app

Step 2:- Add Code on App.Module.ts File

Open src/app directory and open app.module.ts file. And add code into app.module.ts file.

First of, open your terminal and  install new angular app:
[code lang="js"]
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
   
import { AppComponent } from './app.component';
   
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    HttpClientModule,
    FormsModule,
    ReactiveFormsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Step 3:- Add Code on View File

Open src/app directory and open app.component.html file. And add code into app.component.html file.

How to Image Upload Angular 12 Example
   

     
    
        Name
        
        
            Name is required.
            Name should be 3 character.
        
    
    
    
        File
        
        
            File is required.

Step 4:- Add Code On app.Component ts File

Open src/app directory and open app.Component.ts file. And add code into app.component.ts file.

import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { FormGroup, FormControl, Validators} from '@angular/forms';
    
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
   imageSrc: string = '';
   myForm = new FormGroup({
    name: new FormControl('', [Validators.required, Validators.minLength(3)]),
    file: new FormControl('', [Validators.required]),
    fileSource: new FormControl('', [Validators.required])
  });
  
  constructor(private http: HttpClient) { }
    
  get f(){
    return this.myForm.controls;
  }
   
  onFileChange(event:any) {
    const reader = new FileReader();
    
    if(event.target.files && event.target.files.length) {
      const [file] = event.target.files;
      reader.readAsDataURL(file);
    
      reader.onload = () => {
   
        this.imageSrc = reader.result as string;
     
        this.myForm.patchValue({
          fileSource: reader.result
        });
   
      };
   
    }
  }
   
  submit(){
    console.log(this.myForm.value);
    this.http.post('http://localhost:8001/upload.php', this.myForm.value)
      .subscribe(res => {
        console.log(res);
        alert('Uploaded Successfully.');
      })
  }
}

Step 5:- Create upload.php file

Now we are ready to run example, i we will add api file using php. so you can add upload.php file with “upload” folder and run with different port and call it. so let’s add upload.php file as like bellow:
upload.php

fileSource);
      
    $image_type_aux = explode("image/", $image_parts[0]);
      
    $image_type = $image_type_aux[1];
      
    $image_base64 = base64_decode($image_parts[1]);
      
    $file = $folderPath . uniqid() . '.png';
      
    file_put_contents($file, $image_base64);
  
?>

Step 6:- Run Angular App:

ng serve

Step 7:- Run PHP API

php -S localhost:8001

The post How to Image Upload Angular 12 Example appeared first on Codeplaners.

Phone Number Validation In Angular 12

admin — Sat, 05 Jun 2021 00:28:01 +0000

Hello,

I am going to tell you how to add Phone Number Validation in Angular 12, I will give you a simple example for how to add Phone Number Validation in Angular 12. So if you want to use Phone Number Validation for Angular 12, then I will give you a simple example of this. So let’s follow few step to create example of How to add Phone Number Validation in Angular 12.

Phone Number Validation Example In Angular 12

Create New Angular App
Install Bootstrap
Add Code on App.Module.ts File
Add Code on View File
Add Code On app.Component ts File
Run the Angular 12 App

Step 1:- Create New Angular App

First of, open your terminal and install new angular app:

ng new my-new-app

Step 2:- Install Bootstrap

In this step, following command on your terminal to install bootstrap in angular 12 app.

npm install --save bootstrap

add below code your angular.json file:

"styles": [
              "src/styles.css",
              "node_modules/bootstrap/dist/css/bootstrap.min.css"
          ],
"scripts": ["node_modules/bootstrap/dist/js/bootstrap.min.js"]

Step 3:- Add Code on App.Module.ts File

Open src/app directory and open app.module.ts file. And add code into app.module.ts file.

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { ReactiveFormsModule } from '@angular/forms';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
	ReactiveFormsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Step 4:- Add Code on View File

Open src/app directory and open app.component.html file. And add code into app.component.html file.


    Phone Number Validation In Angular 12 - codeplaners.com 
    

    
        Your Phone Number 
        
        
            Phone number is required
            Please, Enter 10 digit Mobile Number.

Step 5:- Add Code On app.Component ts File

Open src/app directory and open app.Component.ts file. And add code into app.component.ts file.

import { Component } from '@angular/core';
import { FormBuilder, FormGroup, FormControl, Validators} from '@angular/forms';
   
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  registerForm: FormGroup = new FormGroup({});
  
  submitted = false;
  constructor(private formBuilder: FormBuilder) { }
  
  
  keyPress(event: any) {
    const pattern = /[0-9\+\-\ ]/;
  
    let inputChar = String.fromCharCode(event.charCode);
    if (event.keyCode != 8 && !pattern.test(inputChar)) {
      event.preventDefault();
    }
  }
  
  ngOnInit() {
    this.registerForm = this.formBuilder.group({
       phonenumber: ['', [ Validators.required,
        Validators.pattern("^[0-9]*$"),
        Validators.minLength(10), Validators.maxLength(10)]]
    });
}
// convenience getter for easy access to form fields
get f() { return this.registerForm.controls; }
onSubmit() {
    this.submitted = true;
    // stop here if form is invalid
    if (this.registerForm.invalid) {
        return;
    }    
}
  
}

Step 6:- Run the Angular 12 App

ng serve

The post Phone Number Validation In Angular 12 appeared first on Codeplaners.

How to Install Bootstrap 5 in Angular 12

admin — Fri, 04 Jun 2021 00:22:51 +0000

Hello,

I am going to tell you how to add Bootstrap 5 in Angular 12, I will give you a simple example for how to add Bootstrap 5 in Angular 12. As we know that Bootstrap is the most popular framework of Word. So if you want to use Bootstrap 5 for Angular 12, then I will give you a simple example of this.

I will give you 2 examples how to install Bootstrap in Angular 12. So let’s follow few step to create example of How to Install Bootstrap 5 in Angular 12.

First of all install your new angular with this command:

ng new my-new-app

Example 1:

In this example, all you have to do is install Bootstrap in Angular 12 and add the CSS file. This is only for adding a css file.
then you can run the command below:

npm install bootstrap --save

need to import your bootstrap css on style.css file as like bellow
src/style.css

@import "~bootstrap/dist/css/bootstrap.css";

Example 2:

In this example, we’ll be adding Bootstrap with jQuery and popper js. so that you can also import bootstrap css and bootstrap js function.
run following commands:

npm install bootstrap --save

npm install jquery --save

npm install popper.js --save

Now after successfully run above command. let’s import it in angular.json file.
angular.json

"styles": [
        "node_modules/bootstrap/dist/css/bootstrap.min.css",
        "src/styles.css"
      ],
      "scripts": [
          "node_modules/jquery/dist/jquery.min.js",
          "node_modules/bootstrap/dist/js/bootstrap.min.js"
      ]

src/app/app.component.html


  Install Bootstrap 5 in Angular 12 - codeplaners
  
    
      Featured
    
    
      Special title treatment
      With supporting text below as a natural lead-in to additional content.
      Go somewhere

The post How to Install Bootstrap 5 in Angular 12 appeared first on Codeplaners.

How To Install Angular

admin — Tue, 25 May 2021 00:28:09 +0000

Hello Dev,

Today, i we will show you how to install angular. This article will give you simple example of how to install angular. you will learn how to install angular. So let’s follow few step to create example of how to install angular.

Step 1:- Install Angular Cli

npm install -g @angular/cli

Step 2:- Create Angular Project

ng new my-app

Step 3:- Run Angular Project

cd my-app
ng serve --open

automatically opens your browser to http://localhost:4200/

The post How To Install Angular appeared first on Codeplaners.

Bootstrap multiple select with checkboxes example

admin — Thu, 25 Mar 2021 07:53:20 +0000

In this article, how to use multiple select dropdown with checkbox that way user can select multiple check boxes using bootstrap-multiselect.js plugin of bootstrap jquery. Bootstrap have a lots of plugin like for datepicker, colorpicker, select with search etc. you can integrate easily with your bootstrap project, even if you are working on code PHP, laravel framework, codeigniter framework, symfony framework or etc other framework of PHP.



  Bootstrap multiple select with checkboxes example - CodePlaners
  
  
  





	Select Language:

The post Bootstrap multiple select with checkboxes example appeared first on Codeplaners.