NEW PLUGIN! StyledTabsPro UPDATE! Now with Vertical Tab support... - Forum

Forum Navigation
You need to log in to create posts and topics.

NEW PLUGIN! StyledTabsPro UPDATE! Now with Vertical Tab support...

StyledTabsPro is a lightweight but powerful tabbed-button control for VisualNEO Win that makes it easy to build modern navigation bars and “segmented” button strips without wrestling with custom drawing or complex UI code. With a single action you can create a fully styled tab row, define the labels, and wire it directly to your Neo logic—each click automatically stores the selected tab index into a variable and can instantly run a VisualNEO subroutine. That means you can drive page switching, panel visibility, or workflow steps with clean, readable Neo code.

Where StyledTabsPro really shines is in its styling flexibility. You can quickly customize fonts (including bold/italic/underline), button sizing, hover and disabled colors, corner radius, and even true “tab style” shaping (rounded top corners with square bottoms) for a classic tab-strip look. Options like bevel modes (including a no-outline setting) and optional separators let you go from sleek modern UI to playful “candy” segmented buttons in seconds. The result is a plug-and-play control that helps your projects look more polished, stay consistent across screens, and remain easy to maintain as you iterate on design.

Hope you find this plugin useful, and have a healthy and happy new year...

Cheers

UPDATE! 1/6/26. Per request... The plugin can now generate Vertical as well as Horizonal  Styled Tab Buttons using the orientation selector...

Uploaded files:
  • You need to login to have access to uploads.
luishp, Vadim and 5 other users have reacted to this post.
luishpVadimdglojnarluizalangonzalez91Darbdenraliretz

Translator

 

This is amazing, I've been looking for it for a while. Could you add some pictures? Thank you so much for what you do for this community.

If you mean by adding pictures as in images for the Tab Buttons, I'm sorry... The way the plugin is currently constructed would require a complete rewrite of the plugin code. If you want to create buttons with images, it is possible to do this with the StyledText Editor plugin, although it is not specifically designed for that purpose... I have supplied the plugin code file for StyledTabs Pro plugin which is written in PureBasic . It's included in the zip file you downloaded. If you have the PureBasic compiler and are subscribed to Claude AI or ChatGPT you could ask the AI to create a tabbed image buttons plugin...

Here is the link for the StyledText Editor plugin: https://visualneo.com/forum/topic/new-plugin-introducing-styledtext-editor-plugin-professional-typography-for-visualneo-win

Look at the Updated Example Pub, and read the PDF documentation.
Good luck.

Translator

 

Hi, I created an example with the program. I noticed that when I maximize the page, the buttons disappear, only to reappear as soon as the mouse approaches. I'm asking Luis to group your plugins under Freebies since they're so many and so useful. Thanks.

Uploaded files:
  • You need to login to have access to uploads.
Anthony LaTorre has reacted to this post.
Anthony LaTorre

The styled tabs are not objects, they are actually child windows that are drawn over a VisualNeo Win page. Anytime you maximize or minimize a window you must call your StyledTabs code again... I would put the button code in the Resized event tab too if your publication is resizable... Also when you navigate to another page you will have to use the page enter event to redraw the styled tabs when you return to the page that contains the tabs... Also make sure to destroy the tabs by winhandle before rebuilding the tabs...

Hope that helps, and I'm glad you find the plugins useful...

Hi Antony, excellent work! If it's within your capabilities, could you add a vertical orientation function so that a vertical button bar can be created and navigation can be done with a scroll bar? It would be very useful. I admire your dedication!

I'll see what I can do about the vertical orientation and will update the plugin and notify the forum if I am successful...

I can tell you from experience it will be very difficult if not impossible to attach a scrollbar. The Styled Tabs are not objects, they are child windows drawn on a VNW page, and are difficult to attach a scrollbar to. I tried attaching a scrollbar to the StyledText Editor plugin and it didn't work well...

If you want scrolling functionality, maybe you could use EMO's scrolling container... Just keep in mind that every time you resize your page, navigate to another page, or attempt to move the scrollbars, you have to call your StyledTabs Pro code again...

Hope that helps...

Alan, the plugin can now create vertical styled tabs using the orientation selector... Let me know if you have any problems.

Cheers

Vadim, alangonzalez91 and Darbdenral have reacted to this post.
Vadimalangonzalez91Darbdenral

Excellent, thank you very much! I'll be trying it out.

Alan, download this version.. I'm working out a small bug issue.

 

 

Should be working well now...

Uploaded files:
  • You need to login to have access to uploads.
alangonzalez91 has reacted to this post.
alangonzalez91

@anthony-latorre

 

hola, excelente lo baje y lo ejecute justo estaba necesitando algo asi vertical pero francamente no me doy cuenta donde establecer la opcion para cada una de las tabs he visto la rutina y aun asi nome doy cuenta solo al pulcar dice que se pulso la tab x pero no me doy cuenta donde cololar la accion de cada una de las tabs

me podrias dar una manito

mil gracias. Saludos

 

Hi Matilde,
First of all... redownload and reinstall the plugin... There was a small bug that I just fixed.

"When I press it, it says tab x was pressed, but I don't know where to put the action for each tab."
If you need code for each button in the Vertical Tab, try this in the subroutine:

:onTabWindow7Click
If "[StyledTabs7Clicked]" "=" "1"
   AlertBox "Tab Button clicked:" "You clicked Tab Button: [StyledTabs7Clicked]"
   Return
EndIf

If "[StyledTabs7Clicked]" "=" "2"
   AlertBox "Tab Button clicked:" "You clicked Tab Button: [StyledTabs7Clicked]"
   Return
EndIf

If "[StyledTabs7Clicked]" "=" "3"
   AlertBox "Tab Button clicked:" "You clicked Tab Button: [StyledTabs7Clicked]"
   Return
EndIf

If "[StyledTabs7Clicked]" "=" "4"
   AlertBox "Tab Button clicked:" "You clicked Tab Button: [StyledTabs7Clicked]"
   Return
EndIf

If "[StyledTabs7Clicked]" "=" "5"
   AlertBox "Tab Button clicked:" "You clicked Tab Button: [StyledTabs7Clicked]"
   Return
EndIf

If "[StyledTabs7Clicked]" "=" "6"
   AlertBox "Tab Button clicked:" "You clicked Tab Button: [StyledTabs7Clicked]"
   Return
EndIf

Return

Replace your existing :onTabWindow7Click subroutine with the code above.

Let me know if you need any more help...

 

Uploaded files:
  • You need to login to have access to uploads.
alangonzalez91 has reacted to this post.
alangonzalez91

Cool!!!

 

Super Thanks!!!!!!!!!

Anthony LaTorre has reacted to this post.
Anthony LaTorre

You're welcome..

Good luck with the plugin.