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
>
查看全文
相关阅读:
LeetCode-6 ZigZag Conversion
求两个字符串的最长公共子串
Eclipse 添加 javap
时间复杂度
leetcode oj-3
Android Rom分区 与 SD卡读写
论文首次处理流程及代码
论文片段
项目整体流程
春晚项目中的相关脚本
原文地址:https://www.cnblogs.com/diego0404/p/1413171.html
最新文章
夺命雷公狗---memcache NO:07 memcache 的其他问题
夺命雷公狗---memcache NO:06 session文件存储 到memcache里面
夺命雷公狗---memcache NO:05 分布式的内存对象缓存系统的配置
夺命雷公狗---memcache NO:04 mencache在php下的使用语法
夺命雷公狗---memcache NO:03 start显示状态以及保存机制等
夺命雷公狗---memcache NO:02 练习telnet语法
夺命雷公狗---memcache NO:01 环境的安装
夺命雷公狗---linux NO:3 centos_mini版的安装和备份
夺命雷公狗---linux NO:2 linux忘记root管理员帐号密码
夺命雷公狗---linux NO:1 我们使用的是centos版本的linux的系统桌面版
热门文章
夺命雷公狗---javascript NO:33 类的继承(完结)
夺命雷公狗---javascript NO:32 Call/Apply方法
夺命雷公狗---javascript NO:31 私有属性
夺命雷公狗---javascript NO:30 闭包
夺命雷公狗---javascript NO:29 Object类
夺命雷公狗---javascript NO:28 原型链
LeetCode Valid Parentheses Remove Nth Node From End of List
LeetCode Valid Parentheses
LeetCode Integer To Roman & Roman To Int
LeetCode Container With Most Water
Copyright © 2011-2022 走看看