Panels and validation

I've just been experimenting with the new panes and panels in the latest version and I've come across issues with validation error messages.

Take a look at:
http://weven.co.uk/index.php?option=com_chronoforms&chronoform=findco

I've put the submit button on the final pane, but if there are validation errors on the previous panes they appear top left of screen. This is obviously because the appropriate error divs aren't rendered on the page at this stage when the panel with that field isn't open.

What is the approach I should be taking to validation in this case? Validating each pane as I try to move to the next (if so, how)? Removing the on-field validation tips and just having all messages appear at the top of the final pane (the one with the submit button- if so, how)? Something else?

Whatever approach people have got to work for them, could they share their thoughts (and example code if possible) with me?

Cheers everyone
Andy

Hi Andy,

I haven't tried the tab cose at all yet :-(

You can experiment with the settings on the JS Validation tab. Setting the Errirs event to 'On Blur and On Submit' should catch most errors in transit; and possibly the Errors location could be changed to 'After element'. If these don't work then it might be possible to add an 'error block' outside the tabbed area.

Bob

I tried to get this working before releasing the last version but I couldn't, and the way Joomla creates the Tabs/Sliders is not very helpful, I think that the only way would be to validate each section when another tab/slider is clicked, but this will need some coding, maybe in the next version.

Regards,
Max

Is there any workaround at this time?

I would love to try this feature.

JeLu

With the new release it seems to work perfectly 😀