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
>
查看全文
相关阅读:
[转]Sublime Text 3安装Json格式化插件
Golang 新手可能会踩的 50 个坑【转】
[golang]svg图片默认按照左上角旋转,改为按中心旋转,重新计算中心偏移量
序列化是干什么的,有什么作用,什么情况下会用到?
Hbase设置多个hmaster
基于JMX动态配置Log4J日志级别
面向过程与面向对象编程的区别和优缺点
log4j自带的两个类MDC和NDC作用以及用途
【架构师之路】集群/分布式环境下5种session处理策略
Java Web项目如何做到升级不断掉服务,同时涉及到的相关问题
原文地址:https://www.cnblogs.com/diego0404/p/1413171.html
最新文章
python dict conver json
tongjiword,write / read file demo
BeautifulSoup 使用select方法详解(通过标签名,类名, id,组合,属性查找)
tomcat配置SSL
vue-cli4 vue.config.js
nginx: [error] open() "/usr/local/nginx/logs/nginx.pid" failed (2: No such file or directory)
使用vue-cli3创建项目的时候出错,ERROR command failed: npm install --loglevel error --registry
vue-cli创建自定义项目
【npm】伙计,给我来一杯package.json!不加糖
【redux】详解react/redux的服务端渲染:页面性能与SEO
热门文章
【PHP】当mysql遇上PHP
【编程之外】为什么我们要写技术博客?
【编程之外】从《海贼王》的视角走进BAT的世界
【npm】利用npm安装/删除/发布/更新/撤销发布包
【npm】详解npm的模块安装机制
【react】当react框架遇上百度地图
【webpack】webpack-dev-server生猛上手——让我们来搭一个webpack的微服务器吧!
【PHP】文件写入和读取详解
go install -v github.com/gopherjs/gopherjs报错提示go cannot find package "golang.org/x/crypto/ssh/terminal" 解决方案
[其它]六块智力拼球步骤
Copyright © 2011-2022 走看看