You need to be a premium member to use this feature. To access it, you'll have to upgrade your membership.
Become a sharper developer and jumpstart your career.
$0
$
. 00
monthly
For Basic members:
$10
For Premium members:
Bootbox.js is a small JavaScript library which allows you to create programmatic dialog boxes.
Introduction
What Is Bootbox In Asp.net Mvc?
Bootbox.js is a small JavaScript library which allows you to create programmatic dialog boxes
Use Bootstrap modals for creating, managing or removing any of the required DOM elements or JS event handlers.
Bootbox.js is designed to make using Bootstrap modals easier.
Image Reference
File reference
I attached one zip file to get “bootbox.min.js”.
Description
Here I used the Place changed event handler of the Google Autocomplete TextBox to get the selected place, its address and its location coordinates i.e. Latitude and Longitude.
To know more details about Google map , Visit My Blogs and articles.
Steps To Be Followed
Step1
Create a Mvc 5 application named “SatyaGoogleMapBootstrapMVC”.
Create a controller class file named “HomeController.cs”.
Code Ref
Code Description
Here I created a controller action method named “PlaceCord()”.
Add a Bootbox javascript library of version v4.4.0. Named “bootbox.min.js”.
This file I added to show alert pop up instead of traditional javascript alert box.
Also it is bootstrap supporting and multiplatform view support,
Create a view named “PlaceCord.cshtml”.
The HTML Markup consists of an HTML TextBox using which the Google Places Autocomplete will be implemented.
The very first thing is to inherit the Google Maps API script along with the places library. Then inside the Google Maps window load event handler, the Google Places Autocomplete is applied to the TextBox and then the place_changed event handler is assigned to it.
The place_changed event handler is triggered when a place is selected in the Google Places Autocomplete TextBox. It first gets the selected place and then determines its address and its location coordinates i.e. Latitude and Longitude and then displays the details in BootBox alert message box.
To support bootstrap related support added below links.
Instead of that I can use also below CDN link Wrappers for JavaScript alert(), confirm() and other flexible dialogs using the Bootstrap framework. CDN for web related libraries to speed up your websites!
To Set Start Page,
Here the controller name is “Home”.
Here name of the view is “PlaceCord”.
URL IS - http://localhost:57237/Home/PlaceCord
Dektop View
Normal javascript
BootBox Javascript Alert PopUp
BootBox Is the most eye catching PopUp.
Gif Images for better understanding….
Summary
Diving Into ASP.NET WebAPI