# Custom tab systems

**URL:** <https://forum.xojo.com/t/custom-tab-systems/12990>\
**Category:** General\
**Created:** [December 14, 2013, 8:26pm UTC](https://forum.xojo.com/t/custom-tab-systems/12990 "2013-12-14T20:26:19Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![Johnny\_Harris](https://forum.xojo.com/user_avatar/forum.xojo.com/johnny_harris/32/1987_2.png) [@Johnny\_Harris](https://forum.xojo.com/u/Johnny_Harris)\
**Post date:** [January 1, 2014, 6:30pm UTC](https://forum.xojo.com/t/custom-tab-systems/12990/21 "2014-01-01T18:30:27Z")

</div>

Thanks Joseph.

---

<div class="post-metadata">

**Author:** ![Johnny\_Harris](https://forum.xojo.com/user_avatar/forum.xojo.com/johnny_harris/32/1987_2.png) [@Johnny\_Harris](https://forum.xojo.com/u/Johnny_Harris)\
**Post date:** [January 1, 2014, 6:31pm UTC](https://forum.xojo.com/t/custom-tab-systems/12990/22 "2014-01-01T18:31:54Z")

</div>

When I build on my Windows PC for Cocoa it creates a single .tar file. Is that what you need to test on Mac with?

Sorry but I’m not a Mac user.

---

<div class="post-metadata">

**Author:** ![Richard\_Duke](https://forum.xojo.com/user_avatar/forum.xojo.com/richard_duke/32/246_2.png) [@Richard\_Duke](https://forum.xojo.com/u/Richard_Duke)\
**Post date:** [January 1, 2014, 6:37pm UTC](https://forum.xojo.com/t/custom-tab-systems/12990/23 "2014-01-01T18:37:12Z")

</div>

give me a link to the tar file and i can test for u

---

<div class="post-metadata">

**Author:** ![Johnny\_Harris](https://forum.xojo.com/user_avatar/forum.xojo.com/johnny_harris/32/1987_2.png) [@Johnny\_Harris](https://forum.xojo.com/u/Johnny_Harris)\
**Post date:** [January 1, 2014, 6:39pm UTC](https://forum.xojo.com/t/custom-tab-systems/12990/24 "2014-01-01T18:39:00Z")

</div>

[http://www.harris-dev.com/TabTester.app.zip](http://www.harris-dev.com/TabTester.app.zip)

Hopefully that will work.

---

<div class="post-metadata">

**Author:** ![Johnny\_Harris](https://forum.xojo.com/user_avatar/forum.xojo.com/johnny_harris/32/1987_2.png) [@Johnny\_Harris](https://forum.xojo.com/u/Johnny_Harris)\
**Post date:** [January 1, 2014, 6:42pm UTC](https://forum.xojo.com/t/custom-tab-systems/12990/25 "2014-01-01T18:42:47Z")

</div>

I’m planning on improving the drawing methods once I get everything else working as I need it to.

---

<div class="post-metadata">

**Author:** ![Richard\_Duke](https://forum.xojo.com/user_avatar/forum.xojo.com/richard_duke/32/246_2.png) [@Richard\_Duke](https://forum.xojo.com/u/Richard_Duke)\
**Post date:** [January 1, 2014, 8:07pm UTC](https://forum.xojo.com/t/custom-tab-systems/12990/26 "2014-01-01T20:07:40Z")

</div>

manage to run the test app on my macosx after getting to the app. look pretty good on the mac took

---

<div class="post-metadata">

**Author:** ![Johnny\_Harris](https://forum.xojo.com/user_avatar/forum.xojo.com/johnny_harris/32/1987_2.png) [@Johnny\_Harris](https://forum.xojo.com/u/Johnny_Harris)\
**Post date:** [January 1, 2014, 10:03pm UTC](https://forum.xojo.com/t/custom-tab-systems/12990/27 "2014-01-01T22:03:51Z")

</div>

Great Richard! Thank you for testing it out.

---

<div class="post-metadata">

**Author:** ![Richard\_Duke](https://forum.xojo.com/user_avatar/forum.xojo.com/richard_duke/32/246_2.png) [@Richard\_Duke](https://forum.xojo.com/u/Richard_Duke)\
**Post date:** [January 1, 2014, 10:39pm UTC](https://forum.xojo.com/t/custom-tab-systems/12990/28 "2014-01-01T22:39:47Z")

</div>

want me to post some picture??? johnny?

---

<div class="post-metadata">

**Author:** ![Johnny\_Harris](https://forum.xojo.com/user_avatar/forum.xojo.com/johnny_harris/32/1987_2.png) [@Johnny\_Harris](https://forum.xojo.com/u/Johnny_Harris)\
**Post date:** [January 1, 2014, 10:44pm UTC](https://forum.xojo.com/t/custom-tab-systems/12990/29 "2014-01-01T22:44:26Z")

</div>

I would love to see how it looks if you have time to post some pics.

---

<div class="post-metadata">

**Author:** ![Richard\_Duke](https://forum.xojo.com/user_avatar/forum.xojo.com/richard_duke/32/246_2.png) [@Richard\_Duke](https://forum.xojo.com/u/Richard_Duke)\
**Post date:** [January 1, 2014, 10:53pm UTC](https://forum.xojo.com/t/custom-tab-systems/12990/30 "2014-01-01T22:53:21Z")

</div>

squared tab  
 ![](http://imgur.com/yI0Na5M)

round tab  
 ![](http://imgur.com/rgQ7UTl)

Slated tab  
 ![](http://imgur.com/pcwvCkJ)

with gradient on active tab  
 ![](http://imgur.com/kVSgsPS)

---

<div class="post-metadata">

**Author:** ![Richard\_Duke](https://forum.xojo.com/user_avatar/forum.xojo.com/richard_duke/32/246_2.png) [@Richard\_Duke](https://forum.xojo.com/u/Richard_Duke)\
**Post date:** [January 1, 2014, 10:55pm UTC](https://forum.xojo.com/t/custom-tab-systems/12990/32 "2014-01-01T22:55:52Z")

</div>

![](http://i.imgur.com/yI0Na5M.jpg)

---

<div class="post-metadata">

**Author:** ![Richard\_Duke](https://forum.xojo.com/user_avatar/forum.xojo.com/richard_duke/32/246_2.png) [@Richard\_Duke](https://forum.xojo.com/u/Richard_Duke)\
**Post date:** [January 1, 2014, 10:58pm UTC](https://forum.xojo.com/t/custom-tab-systems/12990/33 "2014-01-01T22:58:54Z")

</div>

![](https://dl.dropboxusercontent.com/u/7474523/screenshot882.jpg)

![](https://dl.dropboxusercontent.com/u/7474523/screenshot883.jpg)

![](https://dl.dropboxusercontent.com/u/7474523/screenshot884.jpg)

![](https://dl.dropboxusercontent.com/u/7474523/screenshot885.jpg)

---

<div class="post-metadata">

**Author:** ![Johnny\_Harris](https://forum.xojo.com/user_avatar/forum.xojo.com/johnny_harris/32/1987_2.png) [@Johnny\_Harris](https://forum.xojo.com/u/Johnny_Harris)\
**Post date:** [January 1, 2014, 11:23pm UTC](https://forum.xojo.com/t/custom-tab-systems/12990/34 "2014-01-01T23:23:04Z")

</div>

Thanks Richard… it looks good. I really appreciate the pics.

Once I get it completed I may ask you to test it again if have time.

---

<div class="post-metadata">

**Author:** ![Mike\_Charlesworth](https://forum.xojo.com/letter_avatar_proxy/v4/letter/m/958977/32.png) [@Mike\_Charlesworth](https://forum.xojo.com/u/Mike_Charlesworth)\
**Post date:** [January 1, 2014, 11:41pm UTC](https://forum.xojo.com/t/custom-tab-systems/12990/35 "2014-01-01T23:41:43Z")

</div>

I have a basic tab system which has been developed for an app I am currently developing. It is not as all singing and dancing as Johnny’s i.e. I don’t have the cross to close a tab or option to change the shape of the tabs simply because I have not needed to do this as it was developed for one app.

At the moment I just use it to change the value on a page panel when a tab is selected the page panel changes to the page associated with the TabIndex.

If there is any interest, I may take it further and release it as a standalone control:

![](https://www.cubby.com/pl/bbTabBar.png/_4e5b807964b348028fd99137d16758f3)

---

<div class="post-metadata">

**Author:** ![Richard\_Duke](https://forum.xojo.com/user_avatar/forum.xojo.com/richard_duke/32/246_2.png) [@Richard\_Duke](https://forum.xojo.com/u/Richard_Duke)\
**Post date:** [January 2, 2014, 12:07am UTC](https://forum.xojo.com/t/custom-tab-systems/12990/36 "2014-01-02T00:07:27Z")

</div>

i think on johnny’s tab control, should not show the round if not active tab.

---

<div class="post-metadata">

**Author:** ![Richard\_Duke](https://forum.xojo.com/user_avatar/forum.xojo.com/richard_duke/32/246_2.png) [@Richard\_Duke](https://forum.xojo.com/u/Richard_Duke)\
**Post date:** [January 2, 2014, 12:07am UTC](https://forum.xojo.com/t/custom-tab-systems/12990/37 "2014-01-02T00:07:54Z")

</div>

should only show the x in the round if it is active tab.

---

<div class="post-metadata">

**Author:** ![Richard\_Duke](https://forum.xojo.com/user_avatar/forum.xojo.com/richard_duke/32/246_2.png) [@Richard\_Duke](https://forum.xojo.com/u/Richard_Duke)\
**Post date:** [January 2, 2014, 12:08am UTC](https://forum.xojo.com/t/custom-tab-systems/12990/38 "2014-01-02T00:08:37Z")

</div>

johnny, how come some tab show the round at the end and some doesn’t?

---

<div class="post-metadata">

**Author:** ![Richard\_Duke](https://forum.xojo.com/user_avatar/forum.xojo.com/richard_duke/32/246_2.png) [@Richard\_Duke](https://forum.xojo.com/u/Richard_Duke)\
**Post date:** [January 2, 2014, 12:09am UTC](https://forum.xojo.com/t/custom-tab-systems/12990/39 "2014-01-02T00:09:34Z")

</div>

hi mike, your control do look really cool. i am interested to see a demo of this

---

<div class="post-metadata">

**Author:** ![Johnny\_Harris](https://forum.xojo.com/user_avatar/forum.xojo.com/johnny_harris/32/1987_2.png) [@Johnny\_Harris](https://forum.xojo.com/u/Johnny_Harris)\
**Post date:** [January 2, 2014, 12:32am UTC](https://forum.xojo.com/t/custom-tab-systems/12990/40 "2014-01-02T00:32:18Z")

</div>

> [@56318:@Richard Duke](#):
>
> johnny, how come some tab show the round at the end and some doesn’t?

Tabs can only be closed if the programmer sets the “CloseButtonVisible” property of the tab to true. If there is a round image on the end of the tab, it’s just an indicator to the end user that the tab can be closed. If the user wants to close some of their open tabs they can quickly see which tabs can be closed. The “CloseButtonIndicator” can be hidden by setting the “CloseButtonIndicatorVisible” property of the tab to false.

---

<div class="post-metadata">

**Author:** ![Johnny\_Harris](https://forum.xojo.com/user_avatar/forum.xojo.com/johnny_harris/32/1987_2.png) [@Johnny\_Harris](https://forum.xojo.com/u/Johnny_Harris)\
**Post date:** [January 2, 2014, 12:34am UTC](https://forum.xojo.com/t/custom-tab-systems/12990/41 "2014-01-02T00:34:09Z")

</div>

Mike… I love the looks of your tabs. Once I get mine working like it should, I hope to get it drawing as smooth as yours.

[Previous page](https://forum.xojo.com/t/custom-tab-systems/12990.md?page=1)

[Next page](https://forum.xojo.com/t/custom-tab-systems/12990.md?page=3)
