Fields Change size on form validate

[Neerav Verma]

This is kinda weird issue

I have this three text fields in a hgroup 

Two of them are required

So when I do a form.validate those turn red saying that these fields are required. Thts fine

But they shrink in size and thus mess up the alignment of the page.

And as soon as I enter some value in it. They go back to the specified size

I am using size 50 as that is the default size of %String

Any ideas

Thank You,

Neerav Verma
http://www.linkedin.com/in/vneerav
------------------------------------------------------
Pablo Picasso  - "Computers are useless. They can only give you answers."

[Harry Theoharis]

This is just a guess, but check the CSS of the fields when there is an
error (it turns them pink etc.). It must change the weight of the font
or something like that and that causes the control to change size.

Cheers,
Harry

> Pablo Picasso<http://www.brainyquote.com/quotes/authors/p/pablo_picasso.html>

[Vlado]

It should be here:

/* @doc="Style for components with invalid values." */
.zenInvalid {
background: yellow;

[Neerav Verma]

I found it in  %ZEN.Component.component

/* @doc="Style for components with invalid values." */
.zenInvalid {

background: #FFA0A0;
}

But this is not changing the size

Thank You,

Neerav Verma
http://www.linkedin.com/in/vneerav
------------------------------------------------------

Joan Crawford  - "I, Joan Crawford, I believe in the dollar. Everything I earn, I spend."

--
You received this message because you are subscribed to the Google Groups "InterSystems: Zen Community" group.
To post to this group, send email to InterSys...@googlegroups.com
To unsubscribe from this group, send email to InterSystems-Z...@googlegroups.com
For more options, visit this group at http://groups.google.com/group/InterSystems-ZEN?hl=en
Zen Community Terms and Conditions: http://groups.google.com/group/InterSystems-ZEN/web/community-terms-and-conditions

[Vlado]

Then try with this:
/* @doc="Style for error messages for controls." */
.zenError {
color: yellow;
font-size: 90%;
padding-left: 2px;
padding-right: 2px;
}
Change the size to 100%, or
make some other changes.

On Nov 24, 6:38 am, Neerav Verma <vnee...@gmail.com> wrote:
> I found it in  %ZEN.Component.component
>
> /* @doc="Style for components with invalid values." */
> .zenInvalid {
> background: #FFA0A0;
>
> }
>
> But this is not changing the size
>
> Thank You,
>
> Neerav Vermahttp://www.linkedin.com/in/vneerav
> ------------------------------------------------------

> Joan Crawford<http://www.brainyquote.com/quotes/authors/j/joan_crawford.html>

> >http://groups.google.com/group/InterSystems-ZEN/web/community-terms-a...