Redirect to Page 2 of a tabpage

I Have a TabPage component with 3 tabs, Page1, Page2, Page3.

I have setup a session to store the redirect.

session([‘redirecturl’ => ‘tblsupplier/view/1204#TabPageSupTabPage2’]);

on the add page in the Redirect to after add i include
“.session(‘redirecturl’).”

The redirect works to tblsupplier/view/1204 but the #TabPageSupTabPage2 does not redirect to the 2nd Tab.

#TabPageSupTabPage2

Component ID = SupTab

Does anyone know how to target a Tab?
Hope the above makes sense.
Thanks in advance

make sure the tab id does not change. Try to click on the tab and use the link that appears on the browser matches the URL used for redirection.

Hi Will

the link on the browser is #TabPageSupTabPage2
see the code below from view.blade.php.

so even if i paste http://localhost:84/tblsupplier/view/1204#TabPageSupTabPage2 in the browser it does not go to the 2nd tab.

Any Ideas?

                            <ul class="nav  nav-tabs   ">
                                <li class="nav-item">
                                    <a class="nav-link active" data-toggle="tab" href="#TabPageSupTabPage1" role="tab" aria-selected="true">
                                        Company Details
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link " data-toggle="tab" href="#TabPageSupTabPage2" role="tab" aria-selected="true">
                                        Contacts
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link " data-toggle="tab" href="#TabPageSupTabPage3" role="tab" aria-selected="true">
                                        Documents
                                    </a>
                                </li>
                            </ul>