0

How to change font size in ZK6 error box ?

asked 2012-09-08 14:04:35 +0800

cannoa70 gravatar image cannoa70
54
http://www.manutd.com

updated 2012-09-08 14:07:40 +0800

could anyone tell me how to change the font size in zk6 error box ? I tried to config it through style, but it doesnt work.
Please help. What is the correct css class should be used for error box font-size ?

delete flag offensive retag edit

5 Replies

Sort by ยป oldest newest

answered 2012-09-09 17:12:32 +0800

jj gravatar image jj
638 3

Check out the Style Guide on ZK website, and I think there is a link somewhere in there to the stylesheet in github, and you will find out what are the classes used for this. Alternatively, use Firebug or Chrome developer tool to examine the element, and see what are the z-classes being used, then change them.

-JJ

link publish delete flag offensive edit

answered 2012-09-10 04:30:07 +0800

cannoa70 gravatar image cannoa70
54
http://www.manutd.com

updated 2012-09-10 04:30:20 +0800

I have searched over ZK web site and forum. The following CSS styling class seems doesn't work for me:

<style dynamic="true">
div.z-errbox {
	font-size: 13px;
	margin: 0;
	padding: 2px;
	border: 1px solid;
	cursor: pointer;
	color: #D8000C;
	background: #FFF9F9;
	position: absolute;
	z-index: 88000;
	background-repeat: no-repeat;
	background-position: 10px center;
}
<style>

The "font-size" property takes NO EFFECT at all....please help...Thanks a lot !

link publish delete flag offensive edit

answered 2012-09-10 04:55:42 +0800

ashishd gravatar image ashishd flag of Taiwan
1972 6

Hi cannoa70
This works for me

<zk>
  <style>
    .z-errbox .z-popup-cnt {
font-family: arial,sans-serif;
font-size: 14px;
font-weight: bold;
}
  </style>
  <textbox constraint="no empty"></textbox>
</zk>

link publish delete flag offensive edit

answered 2012-09-10 05:00:29 +0800

jj gravatar image jj
638 3

Try override .z-errbox-center

It worked for me. Sometimes inner style will override outer div styles, so if you only change the outer div, it won't take effect.

link publish delete flag offensive edit

answered 2012-09-10 08:51:42 +0800

cannoa70 gravatar image cannoa70
54
http://www.manutd.com

Hi ashishd
it works !!! Million thanks !!!

Hi jj, thanks for your advice too !!!

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: 2012-09-08 14:04:35 +0800

Seen: 112 times

Last updated: Sep 10 '12

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