Validation and CSS with 4.1.3-SNAPSHOT

View: New views
7 Messages — Rating Filter:   Alert me  

Validation and CSS with 4.1.3-SNAPSHOT

by mraible :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

After upgrading from 4.0.2 to 4.1.3-SNAPSHOT, I'm getting some strange issues in regards to validation. When the client-side validation pops up, all I see is an "OK" button and nothing else. Are there some CSS styles I need to add in order to see the messages?

Also, is it possible to have the errors inlined instead of in a popup?

Screenshot:

Thanks,

Matt

Re: Validation and CSS with 4.1.3-SNAPSHOT

by Jessek :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

The style related css stuff you want might be helped by looking here:

http://tapestry.apache.org/tapestry4.1/usersguide/clientside-validation.html

(i thought that Andy had made the css style for that stuff inlined
automatically though,  maybe there is some other weird collision
happening)

For customization of validation UI - you can do it however you like by
overriding any of the tapestry javascript functions discussed here:

http://tapestry.apache.org/tapestry4.1/javascript/form-validation.html

For example,  if you wanted to inline the error messages you could redefine

tapestry.form.validation.summarizeErrors(form, results, profile)

to do something more humane - like
http://www.humanized.com/weblog/2006/09/11/monolog_boxes_and_transparent_messages/.

I keep forgetting to add it in but I implemented the humanized style
toaster in dojo (before humanized talked about it) and you can find a
tapestry impl of it here:

http://blog.opencomponentry.com/2007/03/29/philly-is-burning/

If you want text to appear somewhere next to fields it might be
easiest to override:

tapestry.form.validation.handleMissingField(field, profile)
tapestry.form.validation.handleInvalidField(field, profile)

The most up to date API kind of javascript docs can be found here:

http://tapestry.apache.org/tapestry4.1/jsdoc/index.html

On 8/23/07, mraible <matt@...> wrote:

>
> After upgrading from 4.0.2 to 4.1.3-SNAPSHOT, I'm getting some strange issues
> in regards to validation. When the client-side validation pops up, all I see
> is an "OK" button and nothing else. Are there some CSS styles I need to add
> in order to see the messages?
>
> Also, is it possible to have the errors inlined instead of in a popup?
>
> Screenshot:  http://www.nabble.com/file/p12296912/Picture%2B1.png
>
> Thanks,
>
> Matt
>
> --
> View this message in context: http://www.nabble.com/Validation-and-CSS-with-4.1.3-SNAPSHOT-tf4318536.html#a12296912
> Sent from the Tapestry - User mailing list archive at Nabble.com.
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@...
> For additional commands, e-mail: users-help@...
>
>


--
Jesse Kuhnert
Tapestry/Dojo team member/developer

Open source based consulting work centered around
dojo/tapestry/tacos/hivemind. http://blog.opencomponentry.com

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@...
For additional commands, e-mail: users-help@...


Re: Validation and CSS with 4.1.3-SNAPSHOT

by Andreas Andreou-4 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Css is supposed to be auto-included only for the exception page

Regarding toaster - it's really cool... If you get tacos [1]
you use the dojo:Widget component [2] by:

    <div jwcid="infoPanel@dojo:Widget" dojoType="toaster"
positionDirection="br-up"
        messageTopic="info" duration="5000"></div>

and then, in an ajax listener:

cycle.getResponseBuilder().addStatusMessage(null, "info", "My custom status
message");

[1]
http://tacos.sourceforge.net/tacos4.1/tacos-core/quick-start/downloading.html
[2] http://tacos.sourceforge.net/tacos4.1/tacos-core/tapdocs/index.html

On 8/23/07, Jesse Kuhnert <jkuhnert@...> wrote:

>
> The style related css stuff you want might be helped by looking here:
>
>
> http://tapestry.apache.org/tapestry4.1/usersguide/clientside-validation.html
>
> (i thought that Andy had made the css style for that stuff inlined
> automatically though,  maybe there is some other weird collision
> happening)
>
> For customization of validation UI - you can do it however you like by
> overriding any of the tapestry javascript functions discussed here:
>
> http://tapestry.apache.org/tapestry4.1/javascript/form-validation.html
>
> For example,  if you wanted to inline the error messages you could
> redefine
>
> tapestry.form.validation.summarizeErrors(form, results, profile)
>
> to do something more humane - like
>
> http://www.humanized.com/weblog/2006/09/11/monolog_boxes_and_transparent_messages/
> .
>
> I keep forgetting to add it in but I implemented the humanized style
> toaster in dojo (before humanized talked about it) and you can find a
> tapestry impl of it here:
>
> http://blog.opencomponentry.com/2007/03/29/philly-is-burning/
>
> If you want text to appear somewhere next to fields it might be
> easiest to override:
>
> tapestry.form.validation.handleMissingField(field, profile)
> tapestry.form.validation.handleInvalidField(field, profile)
>
> The most up to date API kind of javascript docs can be found here:
>
> http://tapestry.apache.org/tapestry4.1/jsdoc/index.html
>
> On 8/23/07, mraible <matt@...> wrote:
> >
> > After upgrading from 4.0.2 to 4.1.3-SNAPSHOT, I'm getting some strange
> issues
> > in regards to validation. When the client-side validation pops up, all I
> see
> > is an "OK" button and nothing else. Are there some CSS styles I need to
> add
> > in order to see the messages?
> >
> > Also, is it possible to have the errors inlined instead of in a popup?
> >
> > Screenshot:  http://www.nabble.com/file/p12296912/Picture%2B1.png
> >
> > Thanks,
> >
> > Matt
> >
> > --
> > View this message in context:
> http://www.nabble.com/Validation-and-CSS-with-4.1.3-SNAPSHOT-tf4318536.html#a12296912
> > Sent from the Tapestry - User mailing list archive at Nabble.com.
> >
> >
> > ---------------------------------------------------------------------
> > To unsubscribe, e-mail: users-unsubscribe@...
> > For additional commands, e-mail: users-help@...
> >
> >
>
>
> --
> Jesse Kuhnert
> Tapestry/Dojo team member/developer
>
> Open source based consulting work centered around
> dojo/tapestry/tacos/hivemind. http://blog.opencomponentry.com
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@...
> For additional commands, e-mail: users-help@...
>
>


--
Andreas Andreou - andyhot@... - http://andyhot.di.uoa.gr
Tapestry / Tacos developer
Open Source / JEE Consulting

Re: Validation and CSS with 4.1.3-SNAPSHOT

by mraible :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Is there a released version of Tacos that supports 4.1.x? I only see a 4.1.0-SNAPSHOT.

Thanks,

Matt

andyhot wrote:
Css is supposed to be auto-included only for the exception page

Regarding toaster - it's really cool... If you get tacos [1]
you use the dojo:Widget component [2] by:

    <div jwcid="infoPanel@dojo:Widget" dojoType="toaster"
positionDirection="br-up"
        messageTopic="info" duration="5000"></div>

and then, in an ajax listener:

cycle.getResponseBuilder().addStatusMessage(null, "info", "My custom status
message");

[1]
http://tacos.sourceforge.net/tacos4.1/tacos-core/quick-start/downloading.html
[2] http://tacos.sourceforge.net/tacos4.1/tacos-core/tapdocs/index.html

On 8/23/07, Jesse Kuhnert <jkuhnert@gmail.com> wrote:
>
> The style related css stuff you want might be helped by looking here:
>
>
> http://tapestry.apache.org/tapestry4.1/usersguide/clientside-validation.html
>
> (i thought that Andy had made the css style for that stuff inlined
> automatically though,  maybe there is some other weird collision
> happening)
>
> For customization of validation UI - you can do it however you like by
> overriding any of the tapestry javascript functions discussed here:
>
> http://tapestry.apache.org/tapestry4.1/javascript/form-validation.html
>
> For example,  if you wanted to inline the error messages you could
> redefine
>
> tapestry.form.validation.summarizeErrors(form, results, profile)
>
> to do something more humane - like
>
> http://www.humanized.com/weblog/2006/09/11/monolog_boxes_and_transparent_messages/
> .
>
> I keep forgetting to add it in but I implemented the humanized style
> toaster in dojo (before humanized talked about it) and you can find a
> tapestry impl of it here:
>
> http://blog.opencomponentry.com/2007/03/29/philly-is-burning/
>
> If you want text to appear somewhere next to fields it might be
> easiest to override:
>
> tapestry.form.validation.handleMissingField(field, profile)
> tapestry.form.validation.handleInvalidField(field, profile)
>
> The most up to date API kind of javascript docs can be found here:
>
> http://tapestry.apache.org/tapestry4.1/jsdoc/index.html
>
> On 8/23/07, mraible <matt@raibledesigns.com> wrote:
> >
> > After upgrading from 4.0.2 to 4.1.3-SNAPSHOT, I'm getting some strange
> issues
> > in regards to validation. When the client-side validation pops up, all I
> see
> > is an "OK" button and nothing else. Are there some CSS styles I need to
> add
> > in order to see the messages?
> >
> > Also, is it possible to have the errors inlined instead of in a popup?
> >
> > Screenshot:  http://www.nabble.com/file/p12296912/Picture%2B1.png
> >
> > Thanks,
> >
> > Matt
> >
> > --
> > View this message in context:
> http://www.nabble.com/Validation-and-CSS-with-4.1.3-SNAPSHOT-tf4318536.html#a12296912
> > Sent from the Tapestry - User mailing list archive at Nabble.com.
> >
> >
> > ---------------------------------------------------------------------
> > To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> > For additional commands, e-mail: users-help@tapestry.apache.org
> >
> >
>
>
> --
> Jesse Kuhnert
> Tapestry/Dojo team member/developer
>
> Open source based consulting work centered around
> dojo/tapestry/tacos/hivemind. http://blog.opencomponentry.com
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
>


--
Andreas Andreou - andyhot@apache.org - http://andyhot.di.uoa.gr
Tapestry / Tacos developer
Open Source / JEE Consulting

Re: Validation and CSS with 4.1.3-SNAPSHOT

by Andreas Andreou-4 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Just the snapshot - release was scheduled for 15-20 Aug but 1-2 more weeks
are still needed.

On 8/27/07, mraible <matt@...> wrote:

>
>
> Is there a released version of Tacos that supports 4.1.x? I only see a
> 4.1.0-SNAPSHOT.
>
> Thanks,
>
> Matt
>
>
> andyhot wrote:
> >
> > Css is supposed to be auto-included only for the exception page
> >
> > Regarding toaster - it's really cool... If you get tacos [1]
> > you use the dojo:Widget component [2] by:
> >
> >     <div jwcid="infoPanel@dojo:Widget" dojoType="toaster"
> > positionDirection="br-up"
> >         messageTopic="info" duration="5000"></div>
> >
> > and then, in an ajax listener:
> >
> > cycle.getResponseBuilder().addStatusMessage(null, "info", "My custom
> > status
> > message");
> >
> > [1]
> >
> http://tacos.sourceforge.net/tacos4.1/tacos-core/quick-start/downloading.html
> > [2] http://tacos.sourceforge.net/tacos4.1/tacos-core/tapdocs/index.html
> >
> > On 8/23/07, Jesse Kuhnert <jkuhnert@...> wrote:
> >>
> >> The style related css stuff you want might be helped by looking here:
> >>
> >>
> >>
> http://tapestry.apache.org/tapestry4.1/usersguide/clientside-validation.html
> >>
> >> (i thought that Andy had made the css style for that stuff inlined
> >> automatically though,  maybe there is some other weird collision
> >> happening)
> >>
> >> For customization of validation UI - you can do it however you like by
> >> overriding any of the tapestry javascript functions discussed here:
> >>
> >> http://tapestry.apache.org/tapestry4.1/javascript/form-validation.html
> >>
> >> For example,  if you wanted to inline the error messages you could
> >> redefine
> >>
> >> tapestry.form.validation.summarizeErrors(form, results, profile)
> >>
> >> to do something more humane - like
> >>
> >>
> http://www.humanized.com/weblog/2006/09/11/monolog_boxes_and_transparent_messages/
> >> .
> >>
> >> I keep forgetting to add it in but I implemented the humanized style
> >> toaster in dojo (before humanized talked about it) and you can find a
> >> tapestry impl of it here:
> >>
> >> http://blog.opencomponentry.com/2007/03/29/philly-is-burning/
> >>
> >> If you want text to appear somewhere next to fields it might be
> >> easiest to override:
> >>
> >> tapestry.form.validation.handleMissingField(field, profile)
> >> tapestry.form.validation.handleInvalidField(field, profile)
> >>
> >> The most up to date API kind of javascript docs can be found here:
> >>
> >> http://tapestry.apache.org/tapestry4.1/jsdoc/index.html
> >>
> >> On 8/23/07, mraible <matt@...> wrote:
> >> >
> >> > After upgrading from 4.0.2 to 4.1.3-SNAPSHOT, I'm getting some
> strange
> >> issues
> >> > in regards to validation. When the client-side validation pops up,
> all
> >> I
> >> see
> >> > is an "OK" button and nothing else. Are there some CSS styles I need
> to
> >> add
> >> > in order to see the messages?
> >> >
> >> > Also, is it possible to have the errors inlined instead of in a
> popup?
> >> >
> >> > Screenshot:  http://www.nabble.com/file/p12296912/Picture%2B1.png
> >> >
> >> > Thanks,
> >> >
> >> > Matt
> >> >
> >> > --
> >> > View this message in context:
> >>
> http://www.nabble.com/Validation-and-CSS-with-4.1.3-SNAPSHOT-tf4318536.html#a12296912
> >> > Sent from the Tapestry - User mailing list archive at Nabble.com.
> >> >
> >> >
> >> > ---------------------------------------------------------------------
> >> > To unsubscribe, e-mail: users-unsubscribe@...
> >> > For additional commands, e-mail: users-help@...
> >> >
> >> >
> >>
> >>
> >> --
> >> Jesse Kuhnert
> >> Tapestry/Dojo team member/developer
> >>
> >> Open source based consulting work centered around
> >> dojo/tapestry/tacos/hivemind. http://blog.opencomponentry.com
> >>
> >> ---------------------------------------------------------------------
> >> To unsubscribe, e-mail: users-unsubscribe@...
> >> For additional commands, e-mail: users-help@...
> >>
> >>
> >
> >
> > --
> > Andreas Andreou - andyhot@... - http://andyhot.di.uoa.gr
> > Tapestry / Tacos developer
> > Open Source / JEE Consulting
> >
> >
>
> --
> View this message in context:
> http://www.nabble.com/Validation-and-CSS-with-4.1.3-SNAPSHOT-tf4318536.html#a12352753
> Sent from the Tapestry - User mailing list archive at Nabble.com.
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@...
> For additional commands, e-mail: users-help@...
>
>


--
Andreas Andreou - andyhot@... - http://andyhot.di.uoa.gr
Tapestry / Tacos developer
Open Source / JEE Consulting

Re: Validation and CSS with 4.1.3-SNAPSHOT

by mraible :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

I've got a new (and very strange) issue with client-side validation. When I click on a submit button in a form, I get a blank popup with no messages in it. If I disable JavaScript, the form submits without any validation errors.

Any idea why there's a popup when no validation errors exist?

Thanks,

Matt

Jessek wrote:
The style related css stuff you want might be helped by looking here:

http://tapestry.apache.org/tapestry4.1/usersguide/clientside-validation.html

(i thought that Andy had made the css style for that stuff inlined
automatically though,  maybe there is some other weird collision
happening)

For customization of validation UI - you can do it however you like by
overriding any of the tapestry javascript functions discussed here:

http://tapestry.apache.org/tapestry4.1/javascript/form-validation.html

For example,  if you wanted to inline the error messages you could redefine

tapestry.form.validation.summarizeErrors(form, results, profile)

to do something more humane - like
http://www.humanized.com/weblog/2006/09/11/monolog_boxes_and_transparent_messages/.

I keep forgetting to add it in but I implemented the humanized style
toaster in dojo (before humanized talked about it) and you can find a
tapestry impl of it here:

http://blog.opencomponentry.com/2007/03/29/philly-is-burning/

If you want text to appear somewhere next to fields it might be
easiest to override:

tapestry.form.validation.handleMissingField(field, profile)
tapestry.form.validation.handleInvalidField(field, profile)

The most up to date API kind of javascript docs can be found here:

http://tapestry.apache.org/tapestry4.1/jsdoc/index.html

On 8/23/07, mraible <matt@raibledesigns.com> wrote:
>
> After upgrading from 4.0.2 to 4.1.3-SNAPSHOT, I'm getting some strange issues
> in regards to validation. When the client-side validation pops up, all I see
> is an "OK" button and nothing else. Are there some CSS styles I need to add
> in order to see the messages?
>
> Also, is it possible to have the errors inlined instead of in a popup?
>
> Screenshot:  http://www.nabble.com/file/p12296912/Picture%2B1.png
>
> Thanks,
>
> Matt
>
> --
> View this message in context: http://www.nabble.com/Validation-and-CSS-with-4.1.3-SNAPSHOT-tf4318536.html#a12296912
> Sent from the Tapestry - User mailing list archive at Nabble.com.
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
>


--
Jesse Kuhnert
Tapestry/Dojo team member/developer

Open source based consulting work centered around
dojo/tapestry/tacos/hivemind. http://blog.opencomponentry.com

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org

Re: Validation and CSS with 4.1.3-SNAPSHOT

by mraible :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

I discovered (by pure luck) that the following "validators" binding was causing the problem:

    <component id="countryField" type="PropertySelection">
        <binding name="model" value="countries"/>
        <binding name="value" value="user.address.country"/>
        <binding name="validators" value="validators:required"/>
        <binding name="displayName" value="message:user.address.country"/>
    </component>

When I removed the "validators" binding, everything works. Is Dojo's client-side validation incapable of handling <select> elements?

Thanks,

Matt


I've got a new (and very strange) issue with client-side validation. When I click on a submit button in a form, I get a blank popup with no messages in it. If I disable JavaScript, the form submits without any validation errors.

Any idea why there's a popup when no validation errors exist?

Thanks,

Matt

Jessek wrote:
The style related css stuff you want might be helped by looking here:

http://tapestry.apache.org/tapestry4.1/usersguide/clientside-validation.html

(i thought that Andy had made the css style for that stuff inlined
automatically though,  maybe there is some other weird collision
happening)

For customization of validation UI - you can do it however you like by
overriding any of the tapestry javascript functions discussed here:

http://tapestry.apache.org/tapestry4.1/javascript/form-validation.html

For example,  if you wanted to inline the error messages you could redefine

tapestry.form.validation.summarizeErrors(form, results, profile)

to do something more humane - like
http://www.humanized.com/weblog/2006/09/11/monolog_boxes_and_transparent_messages/.

I keep forgetting to add it in but I implemented the humanized style
toaster in dojo (before humanized talked about it) and you can find a
tapestry impl of it here:

http://blog.opencomponentry.com/2007/03/29/philly-is-burning/

If you want text to appear somewhere next to fields it might be
easiest to override:

tapestry.form.validation.handleMissingField(field, profile)
tapestry.form.validation.handleInvalidField(field, profile)

The most up to date API kind of javascript docs can be found here:

http://tapestry.apache.org/tapestry4.1/jsdoc/index.html

On 8/23/07, mraible <matt@raibledesigns.com> wrote:
>
> After upgrading from 4.0.2 to 4.1.3-SNAPSHOT, I'm getting some strange issues
> in regards to validation. When the client-side validation pops up, all I see
> is an "OK" button and nothing else. Are there some CSS styles I need to add
> in order to see the messages?
>
> Also, is it possible to have the errors inlined instead of in a popup?
>
> Screenshot:  http://www.nabble.com/file/p12296912/Picture%2B1.png
>
> Thanks,
>
> Matt
>
> --
> View this message in context: http://www.nabble.com/Validation-and-CSS-with-4.1.3-SNAPSHOT-tf4318536.html#a12296912
> Sent from the Tapestry - User mailing list archive at Nabble.com.
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
>


--
Jesse Kuhnert
Tapestry/Dojo team member/developer

Open source based consulting work centered around
dojo/tapestry/tacos/hivemind. http://blog.opencomponentry.com

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org