bootstrap popup modal and form

Question

hello, i have a booking form ,wherein the user will enter the detail such as package name,subpackage name, no. of adults and no.of childrens. so i want a modal popup in bootstrap that displays the deatils of the user like what package,subpackage he has selected and want to display the price for it by retreiving it from database and also display the final cost after considering no.of adults and childrens.

Rajneesh Chaubey · Answer

Hi nikita, It is very simple take your data into datatable now create your bootstrap modal: I have created a sample here: "en" > Bootstrap Example "utf-8" > "viewport" content= "width=device-width, initial-scale=1" > "stylesheet" href= "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" > "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" > "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" > class = "container" > Modal Example "button" class = "btn btn-info btn-lg" data-toggle= "modal" data-target= "#myModal" >Open Modal class = "modal fade" id= "myModal" role= "dialog" > class = "modal-dialog" > class = "modal-content" > class = "modal-header" > "button" class = "close" data-dismiss= "modal" >× class = "modal-title" >Modal Header class = "modal-body" > Modal Popup package: "12" > Sub package: "12" > Price: "13" > class = "modal-footer" > "button" class = "btn btn-default" data-dismiss= "modal" >Close Give runat="server" attribute properly and from code behind assign the values to that label such as: DataTable dt = new DataTable(); dt=GetDetails(); //Your implementation of getting data frrom database id1.Text=dt.Rows[0][ "package" ].ToString(); id2.Text=dt.Rows[0][ "Subpackage" ].ToString(); //create your logic behind calculating the price id3.Text=price.toString(); Hope you get it. Thanks.

nikita m · Answer

This is my code for booking page .Now onclick of submit button i want a popup which will display the table with column such as( packagename , subpackagename ,cost of transportation,no.of adults, no.of children and total cost) and only one row that should display the value of packagename ,subpackagename that user has selected from dropdown and no.of adults and children user entered and finally calculated value. BOOK YOURSELF HERE! Username: Which State you want to explore: Goa Rajsthan Andhra Pradesh Arunachal Pradesh Assam Bihar Chattisgarh Himachal Pradesh Which package you desire to go with: Goa Rajsthan No. of Adults: No. of childrens: Mode of Transportation: Departure date: Pickup address: Any other messages:                --%> Submit                  --%> Cancel Booking

Rajneesh Chaubey · Answer

I agree with Manav. You can share your code and we'll see where are you stucking? It is always good to know that what you have tried. Coming to question, second way to doing the same is binding it from code behind. As I have shown you get data from DataTable and bind it to the label in your modal.

nikita m · Answer

I m getting the modal popup but I don't know how to show the details using a table in that