You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@tapestry.apache.org by mraible <ma...@raibledesigns.com> on 2007/08/23 18:20:11 UTC
Validation and CSS with 4.1.3-SNAPSHOT
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
Re: Validation and CSS with 4.1.3-SNAPSHOT
Posted by Andreas Andreou <an...@di.uoa.gr>.
Just the snapshot - release was scheduled for 15-20 Aug but 1-2 more weeks
are still needed.
On 8/27/07, mraible <ma...@raibledesigns.com> 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 <jk...@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 <ma...@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
> >
> >
>
> --
> 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@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
Posted by mraible <ma...@raibledesigns.com>.
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 <jk...@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 <ma...@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
>
>
--
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@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Validation and CSS with 4.1.3-SNAPSHOT
Posted by Andreas Andreou <an...@di.uoa.gr>.
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 <jk...@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 <ma...@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
Posted by mraible <ma...@raibledesigns.com>.
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
mraible wrote:
>
> 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 <ma...@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
>>
>>
>>
>
>
--
View this message in context: http://www.nabble.com/Validation-and-CSS-with-4.1.3-SNAPSHOT-tf4318536.html#a12397222
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
Re: Validation and CSS with 4.1.3-SNAPSHOT
Posted by mraible <ma...@raibledesigns.com>.
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 <ma...@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
>
>
>
--
View this message in context: http://www.nabble.com/Validation-and-CSS-with-4.1.3-SNAPSHOT-tf4318536.html#a12393834
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
Re: Validation and CSS with 4.1.3-SNAPSHOT
Posted by Jesse Kuhnert <jk...@gmail.com>.
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 <ma...@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