Greetings to the community,
I m trying to implement breadcrumbs functionality on a reactive web app, however, i am having some difficulty understanding what is the best way to approach this issue. Our app has quite a few screens and goes as deep as about ~4 levels from the "Home / Main" landing screen.
For instance
Home (Landing for logged in)
- Training
-- For employees
---- Video material
---- Document material
-- For Executives
etc..
- Library
- Faqs
I ve seen in the documentation that the best solution is to use a block in order to be able to reuse breadcrumbs across all screens, however, it's not very clear to me, whether i have to build the entire breadcrumb path for every single "screen/action".
For instance, a valid path is
Home > Training > For employees > Video material
Home > Training > For employees > Document material
as well as
Home > Training > For employees
Home > Training
Is there any way i.e. the Home > Training > For employees part to be somehow dynamically generated for every single sub screen / action while a user navigates in Video, Document and other sub screens or the corresponding path?
Hi, normally i use breadcumbs in this situation
Example: main screen list of products
Detail screen productDetail
Then the breadcrumb is like this
Products > productDetail
Products page list have links to each products detail
@nikolasr200 I have the same question, did you manage to solve this?
Yes I did pretty much in the way I described in my original post. I created a block that had a couple of variables as input in order to figure out which action was active and conditionally I used the input parameters to represent desired breadcrumbs.