Hii ,
I am trying to create bootstrap like popup using my ajax modelpopup exteder in asp.net
I have tried so far as below.. Please help me to make this popup much better ..
There are few isssues with this , height , width , look and feels are not proper .
and every time if i want to add contents in my popup bidy i have to adjust heights and width
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="AddStateView.ascx.cs" Inherits="DreamTouchWebUI.controls.AddStateView" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajax" %>
.modal-header {
background-color: #f0f0f0;
}
.modal-footer {
background-color: #f0f0f0;
}
.form-control1, .form-control_2.input-sm {
width: 35%;
}
.col-sm-8 {
width: 35%;
}
.input-group {
margin: 0 0 0 13em;
}
.form-control1, .form-control_2.input-sm {
-moz-appearance: meterchunk;
height: 30px;
width: 158px;
}
tr {
max-height: 35px !important;
height: 35px !important;
overflow: hidden;
}
.btn-info {
padding: 2px 10px;
}
.table td, .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
padding: 5px !important;
width: 10px;
}
.modalBackground {
background-color: Black;
filter: alpha(opacity=90);
opacity: 0.8;
}
.modal-dialog {
margin: -41px auto;
}
.modal-body {
padding: 29px;
position: relative;
}
| # | Sr.No | State Name |
|---|---|---|
| <%#Container.ItemIndex+1 %> | <%#Eval("Name") %> |
CancelControlID="btnClose" BackgroundCssClass="modalBackground">
Replies
Know the answer? Post it — somebody with the same question will find it here.