Link directly to container tabbed content

Within my project details page I have a table containing tasks (which opens into a task details page) and further down the project details page I have a tabbed container, where each tab contains different content. I need to create a button or link that I can insert into the task details that jumps the user to the tab that contains the work they need to perform. How can I do this?

Look for the ā€˜scroll toā€™ action and find the tab you want to redirect to.

@Ben Thank you but this doesnā€™t work, I had already tried it.

  1. The only place I can add a button in the task details page is an Item button, which is a single hard coded scroll-to destination. That would only work if I wanted all tasks to go to the same place. Or I would need to hardcode buttons for every task target, and then all the buttons would appear on the page which could be confusing to the user.
  2. The scroll-to button dumps the user into the proper destination page with no context, so the page is empty and broken without linkage to intended project

Hi @Redwolf

Good to see you again.

Iā€™ve spoken to the team about this, and we have a semi solution for you, but are working on a full solution (but donā€™t have a timeline for that yet.)

Hereā€™s the idea, if you add a button, and use the open URL action, you can then insert the URL of the page, including the related tab, and it will open the appropriate tab for you. However, there is not a scroll to active tab option yet (thatā€™s what we are still working on).

In the meantime, maybe you could either 1) find a custom code approach where when you click on that button, you execute an event that scrolls to the block on the page + while also utilizing the action to open URL so it opens the proper tab for you?

Alternatively, you can look to move that tabs away from that detail page (which seems like itā€™s long) and into another page where you can easily redirect the user too?

Hope this leads towards a helpful solution for you.

Hi @Jjenglert , I cannot stress enough that I am ā€œnot a developerā€ so forgive me when I ask the wrong questions or say the wrong things. I considered the URL approach the other day when I first speculated about this potential problem and went so far as to inquire with softr support who quickly told me the URL didnā€™t exist. (I didnā€™t believe them but opted to not make it a debate).

Please tell me where I am wrong, but wouldnā€™t simply using the URL of the page cause me to still lose context of the record I am working on?? It may help if you saw what I am referring to but the expectation is thisā€¦

The panel contains contents from a database record, presumably empty fields the first time the user sees the panel. Then I have an update button for the user to enter the data into the fields. (it feels like a ā€œformā€ but itā€™s actually more like working on a spreadsheet). This panel exists in tab container within the project details page (I love the tab container!).

My desired workflow is either:

  1. embed the actual info panel INTO the task window (this is where we were headed the other day with conditional viewing of the element in the task page)
    or
  2. hyperlink from the task to the info panel to be worked on.

Sorry @Redwolf. I could use something like this too. Sounds like you need to link to a particular record under a tab? As JJ mentioned, that sounds really tough with Softr, especially if youā€™re dealing with lots of them.

Iā€™m not entirely sure I understand the full flow youā€™re trying to achieve or all of the blocks youā€™re working with, but here are some general recommendations:

  1. Pre-built URLs for Navigation:

You can save pre-built URLs in your database to streamline navigation. For example, if you need to link to a specific tab with a specific record, you can create a formula field in Airtable that generates a routing URL. This formula can combine the root URL, the recordā€™s unique ID, and the tab container you want to open. Then, when you fetch that URL from the task detail block, you can use it in a navigation button to direct users to the exact page, record, and tab using the ā€œopen urlā€ action.

However, this approach wonā€™t resolve potential scrolling issues if your page contains many blocks.

  1. Simplifying the Page Structure:

Without knowing your exact setup, Iā€™d recommend reducing the number of blocks on a single page. Instead, consider creating more pages tailored to specific use cases. While this may require additional navigation steps, it will allow you to leverage native Softr actions more effectively to achieve your desired functionality.

Hope this helps.

1 Like

Iā€™m swamped today but desperately want to look into this more. Maybe later after midnight. But I did see something interesting. I was working fast so I may have seen it wrong, but the scroll-to look like it worked as the ā€œon clickā€ in the ā€œold Tableā€ but not when coming out of the ā€œtask detailsā€. I still believe this is a context/reference problem.

@Jjenglert I am finally back at a desk and reviewing your suggestions. Both sound like reasonable approaches. I will need to spend some time experimenting with what/how works. Iā€™ll likely start with the URL suggestion since that is where my mind went in the first place on tuesday.

1 Like

Sounds good! You got this