Page 1 of 13

TabBarGadget - Tabs like in a browser

Posted: Sat Sep 17, 2011 9:18 pm
by STARGÅTE
The TabBarGadget created a bar with tabs without its own container e.g. the PanelGadget.

Image

With different attributes, the appearance of the bar and the tabs are changed,
for example by a "close" button is added.
The tabs can be interchanged by simply dragging the mouse are reversed.
If a card is closed or opened a new, an event is returned,
so the programmer can perform an action themselves.
Also automatically creates a navigation when there are too many tabs

_______________________________________________________________________________________

Version 1.5 Beta 2 for PB 5.30+
Download: TabBarGadget V 1.5 Beta 2
Online help: TabBarGadget Help (english)

Version 1.3 until PB 5.11
Archive: TabBarGadget.zip (Include, Example and Help)

TabBarGadget on GitHub:
https://github.com/kenmo-pb/TabBarGadget

TabBarGadget modified by Mesa:
TabBarMesa.zip

_______________________________________________________________________________________

Image
Checkboxes example:
Image
1.5 Beta 2 example:
Image

_______________________________________________________________________________________

Update 1.5 Beta 2 (6. August 2014)
  • SetTabBarGadgetItemAttribute() and GetTabBarGadgetItemAttribute(): Changes or returns the attribute of a tab.
    So you can add a checkbox or a close button on a single tab.
  • #TabBarGadget_TabTextAlignment: Changes the alignment of the text in a tab with more space.
  • #TabBarGadget_SelectedCloseButton: Add a close button only on selected tabs.
  • #TabBarGadget_ReverseOrdering: Reverses the ordering of the tabs (to "right to left").
    The feature is for example for arabic tab bars.
  • A first version of a new online documentation in english: http://help.unionbytes.de/tbg/
Update 1.5 Beta 1 (19. October 2013)
  • Conversion of event management to PB 5.20 and BindEvent().
    TabBarGadgetEvent() is not necessary, event types
    can be queried with EventType().
  • When you create the gadget, window parameter is important.
  • Some constant names have been changed to be similar PureBasic.
  • EventTab(​​) I've removed to avoid name collision,
    it is now GetTabBarGadgetItemPosition() and SetTabBarGadgetItemPosition()
    so tabs can be moved with a command.
  • In addition, the functionality of vertical tabs, multi-select, checkboxes and the navigation has been improved.
  • The auto scroll does only work if threadsafe is enabled (for security)
Update 1.3 (1. Sep 2012)
  • Multiline tab bar
  • Procedures to set tooltips for each tab item, the close button and the new tab
  • Set minimum and maximum of tab width
Update 1.2 (1. Mar 2012)
  • Full support as *.chm and online (first only in german, english will come soon)
  • Other procedures such as SetTabBarGadgetAttribute(), SetTabBarGadgetItemColor(), DisableTabBarGadgetItem()
  • A few new attributes: NoTabMoving, MirroredTabs, TabRounding
  • Improvements in the representation of movement and navigation
Update 1.1 (Beta) (12. Dec 2011)
  • Many new procedures for the gadget added
  • Optional text cut in too little space
  • EventTab() for use with EventType() to determine the tab with the event
  • Using mouse wheel for navigation
  • tool tip text for each tab
  • Improved (animated) representation of the shift tab
_______
original german topic: http://www.purebasic.fr/german/viewtopi ... =8&t=24788

Re: TabBarGadget - Tabs like in a browser

Posted: Sat Sep 17, 2011 10:29 pm
by luis
Very nice, good work !

Re: TabBarGadget - Tabs like in a browser

Posted: Sat Sep 17, 2011 10:49 pm
by netmaestro
Looks excellent and quite useful too. Thanks for sharing 8)

Re: TabBarGadget - Tabs like in a browser

Posted: Sun Sep 18, 2011 3:23 am
by Kwai chang caine
Splendid :shock:
Thanks a lot for sharing 8)

Re: TabBarGadget - Tabs like in a browser

Posted: Sun Sep 18, 2011 3:44 am
by rsts
Good one :D

Thanks for sharing.

Re: TabBarGadget - Tabs like in a browser

Posted: Sun Sep 18, 2011 11:43 am
by Polo
Very nice!

When you've got the arrows to scroll the tabs, you should show the new tab button only when the scrolling is at the end, like in Firefox.

Re: TabBarGadget - Tabs like in a browser

Posted: Sun Sep 18, 2011 11:56 am
by Kuron
Very, very useful. Excellent work. Thank you, very much!

Re: TabBarGadget - Tabs like in a browser

Posted: Sun Sep 18, 2011 9:52 pm
by kenmo
Awesome! Looks very good, and I like the way you handle your custom events.

... I wish I had a use for this right now! :)

Re: TabBarGadget - Tabs like in a browser

Posted: Mon Sep 19, 2011 2:55 am
by USCode
I think we're going to be seeing LOTS of interesting gadgets from folks with the new canvas gadget.

Re: TabBarGadget - Tabs like in a browser

Posted: Mon Sep 19, 2011 8:17 am
by flaith
:shock: Awesome, thanks for sharing

Re: TabBarGadget - Tabs like in a browser

Posted: Tue Sep 20, 2011 1:19 am
by said
very very nice, clean! Thanks a lot for sharing

this kind of cross platform gui work fills an important gap in PB! Great idea, this new canvas gadget.

Since this is my first post, i'd like also to thank the whole forum community, it is just a great one! I have learned so much from you all. Thank you all.

Re: TabBarGadget - Tabs like in a browser

Posted: Tue Sep 20, 2011 2:08 am
by STARGÅTE
I thank you all for your praise.

If you have ideas yet, just bring it.
my ideas for flags for next version:
- multi-line tab bar instead of scrolling
- Text cutting off in too many tabs instead of scrolling like

Re: TabBarGadget - Tabs like in a browser

Posted: Tue Sep 20, 2011 5:36 am
by Fangbeast
I remember wanting something like this a few years ago, nicely rounded tabs and lacked the skill to make them.

This looks pretty, just hope I can understand it enough to incorporate it. Would look very nice in a project I have in mind.

Thanks STARGÅTE, looks great!

Re: TabBarGadget - Tabs like in a browser

Posted: Tue Sep 20, 2011 12:38 pm
by freepurebasic
hmmmm ,nice example with this .pbi but if you wanna see the rest just go here and download all you are interested :

http://data.unionbytes.de/



eg:
http://data.unionbytes.de/TabTable.pbi
http://data.unionbytes.de/TableGadget.pbi
http://data.unionbytes.de/TabBarGadget.pbi

i am not a hacker :mrgreen: :mrgreen: :mrgreen:
he have a .httaccess wrong functional :mrgreen:


so i see this too :
http://data.unionbytes.de/GuttPhysik/

wooow :twisted:

Re: TabBarGadget - Tabs like in a browser

Posted: Tue Sep 20, 2011 12:59 pm
by STARGÅTE
lol,
some of these codes are very old and are no longer supportet by me.
this directory is just a data platform for public.

"he have a .httaccess wrong functional"
No, this is as true, finally I've written this own directoyindex