Edit of asset "Better Tab Container" Accepted
| Old/Current | New/Edit | |
|---|---|---|
| Title | Better Tab Container | Better Tab Container |
| Description |
This addon adds a container, that can have multiple tabs, which the user can change by swiping left or right on the screen. It is based on the ScrollContainer node. Getting Started: • Download the addon and place it into your project directory, either manually, or through the Asset Store • Activate it in the Project Settings ("Plugins" tab) • Add a BetterTabContainer node to a scene. It is recommended that it is either set to full rect or has a "Fill" horizontal size flag • Add multiple nodes to it. Each child node counts as a separate tab, it can be any type of Control node. Please ignore the "ScrollContainer can only have one node" warning, I am actively trying to get rid of it • Done! Customizing the Node: • You can set the "Current Tab" property in the inspector. By default, it is set to 0, meaning the first tab is active on start • You can connect the "tab_switched" signal to another node to detect when it's changed • If you want to change the tab through code (for example, if you have a list of tab buttons next to the container), you can call the switch_tab(tab) method • You might also want to hide the horizontal scroll bar, as it does nothing • If you want to be able to swipe on tabs, make sure to set all of the children containers' mouse filter to "Pass", so it detects input |
This addon adds a container, that can have multiple tabs, which the user can change by swiping left or right on the screen. It is based on the ScrollContainer node. Getting Started: • Download the addon and place it into your project directory, either manually, or through the Asset Store • Activate it in the Project Settings ("Plugins" tab) • Add a BetterTabContainer node to a scene. It is recommended that it is either set to full rect or has a "Fill" horizontal size flag • Add multiple nodes to it. Each child node counts as a separate tab, it can be any type of Control node. Please ignore the "ScrollContainer can only have one node" warning, I am actively trying to get rid of it • Done! Customizing the Node: • You can set the "Current Tab" property in the inspector. By default, it is set to 0, meaning the first tab is active on start • You can connect the "tab_switched" signal to another node to detect when it's changed • If you want to change the tab through code (for example, if you have a list of tab buttons next to the container), you can call the switch_tab(tab) method • You might also want to hide the horizontal scroll bar, as it does nothing • If you want to be able to swipe on tabs, make sure to set all of the children containers' mouse filter to "Pass", so it detects input |
| Category | 2D Tools | 2D Tools |
| License | MIT | MIT |
| Repository Provider | GitHub | GitHub |
| Repository Url | https://github.com/GDUcrash/BetterTabContainer | https://github.com/GDUcrash/BetterTabContainer |
| Issues Url | https://github.com/GDUcrash/BetterTabContainer/issues | https://github.com/GDUcrash/BetterTabContainer/issues |
| Godot version | Godot 4.0 | Godot 3.4 |
| Version String | 1.1 | 1.0 |
| Download Commit | 17e9ea8b50639d989494a8fef7c79edba1a3f013 | 5851c9cb373cfb7b7728a97b0cb63ce2e472d404 |
| Download Url (Computed) | https://github.com/GDUcrash/BetterTabContainer/archive/17e9ea8b50639d989494a8fef7c79edba1a3f013.zip | https://github.com/GDUcrash/BetterTabContainer/archive/5851c9cb373cfb7b7728a97b0cb63ce2e472d404.zip |
| Icon Url |
https://raw.githubusercontent.com/GDUcrash/BetterTabContainer/main/icon.png
|
https://raw.githubusercontent.com/GDUcrash/BetterTabContainer/main/icon.png
|
| Preview Insert | ||
|---|---|---|
| Type | video | |
| Image/Video URL |
https://youtu.be/SpJnDzuDmR8
|
|
| Thumbnail |
https://cdn.discordapp.com/attachments/510776441084968977/1005441626409287740/thumb.png
|
|