Hello All,

I am seeking an example or suggestions as to how to best implement a Front End Form that allows for data input to many tables using a Breadcrumb Navigation or Step-By-Step wizard. My Component has many Tables that are required to be input by the user on front end and I want to make it as easy as possible for the user.





Those images should provide a visual idea of what I need to achieve.

Would I need to uses session variables between 'stages' (to allow for next - previous)?

If anyone has a solution, suggestion, or ideas I (and I am sure many others) would be most appreciative.

Thank you kindly,

Edward.

Would be very nice to do that indeed... The way i did it is to send the user to the next form changing the parameters of the save button, but there is no breadcrumb... Would be curious to see what real coders could make with this idea.

I would like also to implement a better redirection engine that the one proposed by Joomla.
Once a nicer idea is defined there, I would play a bit more with the menus and redirections.

Thanks for the screenshots. I already used to need such step-by-step.

I've done something like that with jQuery and tabs... not that smart but does the trick... maybe something we can think about together

Hi All,

I'm going to need similar functionality too. My first thoughts are a combination of JQuery's load() method and tabs widget could be a place to start... (Snap @VeCrea)

In all honesty, without having looked at this in any depth as yet, I can't give a solid how-to realise this in the context of a joomla mvc component. That said, loading contents from external pages with the load method is pretty straightforward in itself, even with ability to target specific divs making it possible to get only the content you want.

I guess that the most difficult thing in terms of integrating this 'properly' would be handling the responses - i.e.

1. when to allow progress to the next page
2. how to deal with saving/passing values from one to the other within the framework - like the reuse values you might want to pass from a regular form to the next (foreign keys)
3. how to handle fails/validation

It seems to me that the ajax method may be the way to go to create an elegant and fluid user experience which is clearly the main focus of providing such a UI. Again, this is something that I'm intent on integrating into my component however, I'm somewhat short of the mark in my understanding of how to leverage the full capabilities of the models, their functions and their security with ajax...

Any thoughts anybody?

Really keen to keep an eye on this topic!

@edwardcox - have you advanced any of your graphical representations as yet?

---

ADD

---

jQuery AJAX: HOW TO here...

---

END

---

Best wishes,

Gez