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
>
查看全文
相关阅读:
济南空中课堂视频下载辅助脚本
npm 修改仓库源
Java后端实现登陆的方式
java 新词汇
数据库系统,设计、实现与管理(基础篇)阅读笔记
java 面试01
js rem 适配多端
了解Java
linux 查看内存使用情况
linux 日志查看
原文地址:https://www.cnblogs.com/diego0404/p/1413171.html
最新文章
Java学习笔记09--反射机制
Java学习笔记08--泛型
Java学习笔记06--正则表达式
Java学习笔记07--日期操作类
Latex调整行距
LaTeX中titlesec宏包的使用
LATEX使用之字体颜色深浅不一
硅谷创业教父保罗•格雷厄姆给小白的创业建议书
R语言学习之主成分分析法的R实践
R语言学习笔记之外部文件读取
热门文章
我开博客啦!
Ace 2.1.3
C# 实现的百度搜索推送程序
推荐一款好用的Bootstrap后台管理框架——inspinia
基于Bootstrap的后台管理系统模板。AceAdmin停更前最后的两个版本
GnuCash 3.10 发布,跨平台财务管理软件
Memcached 1.6.4 发布,bug 修复版本
ViewUI 4.2.0(原 iView)发布,企业级 UI 组件库
风铃虫 1.2.0 发布了,新增脚本提取功能
解决IIS 多HTTPS站点证书问题
Copyright © 2011-2022 走看看