[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

Bootstrap

Solutions

Content

786

Contributors

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications. Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.

styling with bootstrap 4

I am using bootstrap 4 in asp.net web site. how to apply bootstrap dropdown style to asp net controls. for example, asp:dropdown.

<asp:dropdown id="ddl" runat="server" /> .

also, when we use bootstrap classes to create form and inputs , like below. how to add vertical space between the inputs ?

<div class="form-control">
<div class="row">
<div class="col-6>
<div class="form-group">
<asp:textbox id="txt" runat="server">
</div>
,<div class="form-group">
<asp:dropdown .....

1 Comment

Question by

mikha e

2018-09-29Private

populate multiple dropdowns in Modal popup

I have two aspx pages, default.aspx and index.aspx .
Index page has lot of controls using multiple dropdowns, one for world region, another dropdown for country, another for capitals .
I want to open index.aspx page from default.aspx page as a bootstrap modal pop up, and load these dropdowns . users can select these and save them in the database.
I have created a mark up in the default.aspx page for the bootstrap Modal.
I am trying to save/load these values in the dropdown based on the user id . so I have this so far, see below.
I added a WebMethod attribute to my function in index.aspx.cs page.

do i make individual calls to populate each drop down ? all the values for each dropdown needs to saved in the database.
when user clicks saves button , how do i send all the selected value in all the dropdown list to be saved? what would that function look like?

$().ready(function() {
$.ajax({
type: "GET",
url: "Default.aspx/GetRegions",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
$.each(data.d, function(index, item) {
$("#ddRegions").get(0).options[$("#ddRegions").get(0).options.length] = new Option(item.Display, item.Value);
});
},
error: function() {
alert("Failed to load genders");
}
});
});

----------------index.aspx.cs----------------------

…

10 Comments

Hi,

I have a signup form in div tag today. And that is a model open at the bottom of the site.
We have full control of form in that today.
Now this form needs to be submitted to external url.
Now once user submits the form data to be posted in external url.
Once the data is successfully submitted then the external URL will redirect to thankyou page or error page which is configured.
We pass thank you page or error page full url in hidden field.

Please help me how to submit the form in div (model) and the re-direction to success page should open in the same div tag only.

I used iFrame for that. But it is not working well. Please advice.

I have form in subscribeform.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <form action="http://www.externalurl.com">
        <input id="SucccessURL" type="http://www.mysite.com/thankyou" />
        <input id="ErrorURL" type="http://www.mysite.com/erroronSubscribe" />
        First name:<br>
        <input type="text" name="firstname" value="Mickey">
        <br>
        Last name:<br>
        <input type="text" name="lastname" value="Mouse">
        <br><br>
        <input type="submit" value="Submit">
    </form>
</body>
</html>

Bootstrap

Related Topics

Bootstrap

Related Topics