zoukankan
html css js c++ java
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案
UpdatePanel 配合ModalUpdateProgress 可以很好实现提交弹出模态遮罩层。可是遇到一个问题。就是加入了ModalUpdateProgress 。页面的不居中,反而偏左。
后来发现加了ModalUpdateProgress ,会自动给body加入一个CSS和ID属性。
解决方法是:在CSS文件加入来覆盖默认的样式。就搞定了。
#ext-gen6
{
text-align: center;
margin: 0 auto;
}
具体代码如下。
HTML
<
div
>
<
asp:UpdatePanel
ID
="UpdatePanel1"
runat
="server"
UpdateMode
="conditional"
>
<
ContentTemplate
>
<
table
cellspacing
="0"
cellpadding
="0"
width
="100%"
border
="0"
>
<
tbody
>
<
tr
>
<
td
class
="List_Left_t1"
>
</
td
>
<
td
class
="List_t2"
id
="Td1"
>
用户登陆
<!--
Title
-->
</
td
>
<
td
class
="List_t3"
>
</
td
>
</
tr
>
</
tbody
>
</
table
>
<
table
cellspacing
="0"
cellpadding
="0"
width
="100%"
border
="0"
>
<
tbody
>
<
tr
>
<
td
class
="List_m1"
>
</
td
>
<
td
class
="List_m2"
id
="Td2"
>
<
table
cellspacing
="0"
cellpadding
="0"
width
="100%"
border
="0"
>
<
tbody
>
<
tr
>
<
td
class
="ItemList"
align
="right"
style
=" 135px;"
>
用户名:
</
td
>
<
td
class
="ItemList"
>
<
asp:TextBox
ID
="txtName"
runat
="server"
Width
="150px"
></
asp:TextBox
>
</
td
>
</
tr
>
<
tr
>
<
td
class
="ItemList"
align
="right"
>
密码:
</
td
>
<
td
class
="ItemList"
>
<
asp:TextBox
ID
="txtPwd"
runat
="server"
TextMode
="Password"
Width
="150px"
></
asp:TextBox
>
</
td
>
</
tr
>
<
tr
>
<
td
class
="ItemList"
>
</
td
>
<
td
class
="ItemList"
>
<
asp:Button
ID
="btn_Submit"
runat
="server"
Text
=" 登陆 "
OnClick
="btn_Submit_Click"
OnClientClick
="javascript:return CheckForm()"
/>
<
asp:ImageButton
ID
="ImageButton1"
runat
="server"
ImageUrl
="~/App_Themes/Default/Images/mashangzhuce.jpg"
CausesValidation
="false"
OnClick
="ImageButton1_Click"
/>
</
td
>
</
tr
>
</
tbody
>
</
table
>
</
td
>
<
td
class
="List_m3"
>
</
td
>
</
tr
>
<
tr
>
<
td
class
="List_b1"
>
</
td
>
<
td
class
="List_b2"
>
</
td
>
<
td
class
="List_b3"
>
</
td
>
</
tr
>
</
tbody
>
</
table
>
</
ContentTemplate
>
</
asp:UpdatePanel
>
<
ext:ModalUpdateProgress
ID
="ModalUpdateProgress1"
runat
="server"
AssociatedUpdatePanelID
="UpdatePanel1"
>
<
ProgressTemplate
>
<
div
>
处理中
</
div
>
</
ProgressTemplate
>
</
ext:ModalUpdateProgress
>
</
div
>
查看全文
相关阅读:
js 创建Table,每行3列的方式
多线程 笔记
WCF binding
table 变量
Excel数据使用sql语句导入sqlserver (64位)
sqlserver链接服务器到Mysql
easyui datagrid 返回数据正确 fit='true' 时不显示内容
js设置文本框只读属性的小bug
windows64位下的redis及memcached的安装和使用
spring.Net (Mvc)属性依赖注入------实例化对象
原文地址:https://www.cnblogs.com/diego0404/p/1413171.html
最新文章
ssm的各种配置资源
使用Swagger2构建API文档依赖
spring需要表
springboot的依赖
服务错误导致系统无法正常启动(Centos 6)
Centos 如何进入单用户模式
centos 启动的思维导图/转载
Centos 6 如何进入救援模式
编写一个简单的测试服务
Sed 的常用方法
热门文章
centos6 如何配置网络
第七周
Linux 中正在使用的文件被误删除如何恢复。
第六周
转 Multiple outputs from T4 made easy t4生成多文件
uploadify Cookie 验证登入上传问题
asp.net mvc ViewData 和 ViewBag区别,TempData
mvc中AntiForgeryToken的实现方式--看Mvc源码
转 Configuring Relationships with the Fluent API
导出使用NPOI
Copyright © 2011-2022 走看看