0

请问如何将ZK处理等待时的那个小gif的位置调到画面的中间?

asked 2009-12-28 02:00:37 +0800

adam4891288 gravatar image adam4891288
657 1 5

默认是在左上角,如何才能处理成ZKDemo那样放在画面中心呢?
在左上角很容易会注意不到

delete flag offensive retag edit

3 Replies

Sort by » oldest newest

answered 2009-12-28 03:29:24 +0800

joylo0122 gravatar image joylo0122
688 1
www.zkoss.org

updated 2009-12-28 03:29:50 +0800

@adam4891288

adam4891288您好,這個問題需要調CSS,你可以參考這篇,應該是改那幾個CSS就好了。
指定您要的絕對位置給它試試看。

/Joy

link publish delete flag offensive edit

answered 2009-12-28 03:39:11 +0800

adam4891288 gravatar image adam4891288
657 1 5

THX joylo~

link publish delete flag offensive edit

answered 2009-12-28 04:02:43 +0800

adam4891288 gravatar image adam4891288
657 1 5

经过刚才测试,将CSS改动如下:

.z-loading {  
	font-weight: bold;  
	padding:2px; 
	position:absolute;
	left:200px;
	top:200px;
	
}  
.z-loading-indicator {  
	color: gray;  
	border:0 none; 
	position:absolute;
	left:200px;
	top:200px; 
}  
.z-loading-icon{
	position: relative;	
}


结果只有indicator和icon移动到了指定位置,而边框(由.z-loading控制)却无法换位。
究竟该如何修改呢?

使用如下代码测试
<zk>  
	<style>  
	.z-loading {  
		font-weight: bold;  
		padding:2px; 
		position:absolute;
		left:200px;
		top:200px;
	
	}  
	.z-loading-indicator {  
		color: gray;  
		border:0 none; 
		position:absolute;
		left:200px;
		top:200px; 
	}  
	.z-loading-icon{
		position: relative;	
	}
	</style> 
	<button label="Test Progress" onClick="org.zkoss.lang.Threads.sleep(10000)"/>  
</zk> 

link publish delete flag offensive edit
Your reply
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow

RSS

Stats

Asked: 2009-12-28 02:00:37 +0800

Seen: 384 times

Last updated: Dec 28 '09

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More