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
>
查看全文
相关阅读:
TERSUS笔记员工信息409-修改
TERSUS笔记员工信息408-查询
TERSUS笔记员工信息407-07GO
TERSUS笔记员工信息406-03首页
TERSUS笔记员工信息405-04上一页
TERSUS笔记员工信息404-05下一页
TERSUS笔记员工信息403-06末页
TERSUS笔记员工信息402-08每页条数逻辑
layui 更新echarts版本后地图报错
常用的CMS系统有哪些
原文地址:https://www.cnblogs.com/diego0404/p/1413171.html
最新文章
Python中断多重循环的几种方法,你都知道吗?
ReferenceError: primordials is not defined
八合一共存脚本+伪装站点
RSA host key for xxx has changed and you have requested strict checking.
查看安卓app包名
Vue相关资料
Git生成SSH密钥
获取当前网络的ip地址和城市
Django基础之(11)- admin使用
Mysql练习
热门文章
Django基础之(10)- 用户认证auth
Django基础之(9)- 中间件
Appium自动化(7)
Appium自动化(6)
Appium自动化(5)- 高级元素定位方式之 UI Automator API
Appium自动化(4)
adb 常用命令
Appium自动化(3)
TERSUS笔记员工信息501-表格中表格滚动条设置
TERSUS笔记员工信息410-删除
Copyright © 2011-2022 走看看