0

how to put "Processing" dialog to the middle of the screen?

asked 2009-12-28 20:07:56 +0800

adam4891288 gravatar image adam4891288
657 1 5

Here is the CSS of the "Processing" and "Loading" dialog
what I want is get "Processing" like "Loading" which appears in the middle of the screen.
and I try to change the CSS like this:

<?taglib uri="http://www.zkoss.org/dsp/web/core" prefix="c"?>  
<window>
<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(2000)" />

	<listbox id="list" width="300px"></listbox>
</window>

but the ".z-loading" CSS doesn't work,
anyone could help me ? Thanks very much!

delete flag offensive retag edit

1 Reply

Sort by ยป oldest newest

answered 2009-12-28 23:05:17 +0800

baskaraninfo gravatar image baskaraninfo
526 2 2 9

Use the following style to show the processing icon at the center of the screen:

.z-loading { top: 50% !important; left: 45% !important; align:
		center; vertical-align: middle; }

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 20:07:56 +0800

Seen: 1,248 times

Last updated: Dec 28 '09

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