# How do I switch to tab pane from Blocks

**URL:** <https://forum.pinegrow.com/t/how-do-i-switch-to-tab-pane-from-blocks/3470>\
**Category:** Beginners\
**Created:** [October 26, 2019, 7:25pm UTC](https://forum.pinegrow.com/t/how-do-i-switch-to-tab-pane-from-blocks/3470 "2019-10-26T19:25:07Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![AjitM](https://avatars.discourse-cdn.com/v4/letter/a/c6cbf5/32.png) [@AjitM](https://forum.pinegrow.com/u/AjitM)\
**Post date:** [October 26, 2019, 7:25pm UTC](https://forum.pinegrow.com/t/how-do-i-switch-to-tab-pane-from-blocks/3470/1 "2019-10-26T19:25:07Z")

</div>

Hello Pinegrow support,

I am trying to switch to different tabs from one single area. I have created 8 blocks (Block 1,2,3,…,8) to switch to its resultant tab (Tab1,2,3…,8) check screenshot

I have linked the tab to switch to it but its not working, Where am I going wrong ?

Kindly help.

 ![Untitled](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/7/7965027673dd1e5af044450cee87c65367fb7294.png)

---

<div class="post-metadata">

**Author:** ![droidgoo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/droidgoo/32/2209_2.png) [@droidgoo](https://forum.pinegrow.com/u/droidgoo)\
**Post date:** [October 27, 2019, 4:42am UTC](https://forum.pinegrow.com/t/how-do-i-switch-to-tab-pane-from-blocks/3470/2 "2019-10-27T04:42:11Z")

</div>

ur prob going to need to use positioning… i just did something similar, only my “blocks” are all on top of each other. I used Absolute, but you will likely need to use Relative to space them all out like that. or maybe use Grid.

you can take a look at [ranttit.net](http://ranttit.net) until i need to test my next bit.

---

<div class="post-metadata">

**Author:** ![AjitM](https://avatars.discourse-cdn.com/v4/letter/a/c6cbf5/32.png) [@AjitM](https://forum.pinegrow.com/u/AjitM)\
**Post date:** [October 27, 2019, 9:38pm UTC](https://forum.pinegrow.com/t/how-do-i-switch-to-tab-pane-from-blocks/3470/3 "2019-10-27T21:38:26Z")

</div>

Thanks for your response.

Well my tabs are working fine If I go to them individually but here I want to switch to tabs using those blocks. Like here in scrreshot u can see 1st block says TAB1 so when I click it it should take me to TAB1 Pane.

I am trying to achieve this, hope i am properly translating the issue.

---

<div class="post-metadata">

**Author:** ![droidgoo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/droidgoo/32/2209_2.png) [@droidgoo](https://forum.pinegrow.com/u/droidgoo)\
**Post date:** [October 28, 2019, 6:01pm UTC](https://forum.pinegrow.com/t/how-do-i-switch-to-tab-pane-from-blocks/3470/4 "2019-10-28T18:01:34Z")

</div>

if that TAB 1 text is a hyperlink, then clicking on it should take you to the tab1.html page… when you :hover or :focus does it select the link?

maybe there is a z-order problem and something is in front of it?

---

<div class="post-metadata">

**Author:** ![AjitM](https://avatars.discourse-cdn.com/v4/letter/a/c6cbf5/32.png) [@AjitM](https://forum.pinegrow.com/u/AjitM)\
**Post date:** [October 28, 2019, 8:31pm UTC](https://forum.pinegrow.com/t/how-do-i-switch-to-tab-pane-from-blocks/3470/5 "2019-10-28T20:31:22Z")

</div>

The website has just 1 index.html page which has total of 9 tabs i.e. Home, Tab1, Tab2,…,Tab9.

On Home(Tab) I have created 8 blocks (2x4 as in screenshot) Tab1, Tab2,…,Tab8. So, when I click on 1st Block i.e. Tab1(hyperlink) it should take me to corresponding Tab1 Panel.

I tried #tab1 but it doesnt takes me anywhere otherwise individually they are working fine.

Please help.

---

<div class="post-metadata">

**Author:** ![droidgoo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/droidgoo/32/2209_2.png) [@droidgoo](https://forum.pinegrow.com/u/droidgoo)\
**Post date:** [October 29, 2019, 2:15pm UTC](https://forum.pinegrow.com/t/how-do-i-switch-to-tab-pane-from-blocks/3470/6 "2019-10-29T14:15:17Z")

</div>

if you are just trying to jump around to different places on the page, you can use the anchor tag with href="#id\_name"… that will jump to the element on the page with the id=“id\_name” attribute.

ur going to need to post some code if you need more help.
