Dynamic Tabs not showing corretly

Need help Database
1

Hi everyone, I am stuck and don’t understand how to go furhter. please help!)))

I’ve created an input form at the home page that looks like that:

initial search
initial search513×474 170 KB

all the inputs are option sets, exept for thoes at the bottom that are separate data types.

Once the user clicks on ‘‘Cerca’’ it is redirected to another page where are visible the results based on the inputs.

I have incoprorated the data from the inputs in the URL like this:
url

on the results page, the results are devided by the tabs for each data type that was initially selected.

The problem is that it is showing the results only of the first tab that was added in the initial input.

tab 2
tab 21259×464 11.8 KB

tab 1
tab 11120×742 132 KB

so it is showing only the first repeating group.

struttura
struttura230×220 2.86 KB

Thank you!!!

2

Hey, I would love to assist, but I need to see the APP if possible. ping me here or on LinkedIn, and we can schedule a call to solve it.

see my Profile you’ll get the links

1 Like
3

I think we can do this better on a call as I’ll need to see the app to better proffer the solution…
If you don’t mind let’s have a free 15 call and solve the issue together

4

thank you for your reply! I have booked a meeting. see you there

5

Hi @mary.gherciu

Thanks for sharing the details! Based on what you’ve explained, it seems like the issue lies in how the results are being filtered and displayed on the results page. Here’s how you can troubleshoot and resolve the problem:

Key Steps to Fix the Issue:

  1. Check the URL Parameters for Each Tab

    • Ensure that all the selected inputs from the initial form (e.g., location, event type, number of people, etc.) are being correctly passed as URL parameters.
    • For each tab on the results page, make sure the filtering logic in the Repeating Groups is based on the corresponding URL parameters.

    Example: If a user selects “Musica” and “Location,” the URL should include something like:
    ?location=Lazio&service=musica

  2. Trigger Updates on Page Load

    • Use a workflow like “When Page is Loaded” to populate the Repeating Groups based on the URL parameters.
    • For example:
      • Event: “When Page is Loaded”
        → Action: “Display List in Repeating Group” with constraints from the URL parameters.

  3. Sanitize URL Parameters

    • Ensure your URL parameters are sanitized and avoid including special characters like %$#. This can cause unexpected behavior in filtering or loading data.
    • Use lowercase alphabetic characters or underscores for parameter names. For example:
      Instead of: ?%service%type=musica
Use: ?service_type=musica

  4. Debugging Tips

    • Use Bubble’s debug mode (?debug_mode=true) to check if the parameters are being correctly passed and applied to the Repeating Groups.
    • Check if the constraints on the Repeating Groups are being applied correctly and match the incoming URL parameters.

Example URL Setup and Repeating Group Configuration:

  • URL: results-page?location=Lazio&service=musica&capacity=10-50
  • Repeating Group Data Source:
    Search for Services
Constraints:
- Location = Get data from URL (parameter: location)
- Service Type = Get data from URL (parameter: service)
- Capacity = Get data from URL (parameter: capacity)

Let me know if this resolves your issue or if you need further assistance!

About Us
I’m from If-dev, a Bubble agency specializing in building and optimizing apps. If you’re looking for professional help to fine-tune your app, feel free to reach out!

:e-mail: Email: support@if-dev.io
:link: LinkedIn: https://www.linkedin.com/in/mbseo/
:globe_with_meridians: Website: https://if-dev.io

Your success is our success, and we’d love to collaborate with you to make your vision a reality.

1 Like