Difference between revisions of "UI Buttons"
From GiderosMobile
| Line 2: | Line 2: | ||
Here you will find various resources to help you create buttons in Gideros Studio. | Here you will find various resources to help you create buttons in Gideros Studio. | ||
| + | |||
| + | '''DESKTOPS, MOBILE & HTML5 COMPATIBLE THEY ARE!''' | ||
'''note''': you may have to provide your own assets (fonts, gfx, …) | '''note''': you may have to provide your own assets (fonts, gfx, …) | ||
| − | |||
| − | |||
=== Button '''[[Button_class]]''' === | === Button '''[[Button_class]]''' === | ||
This is the base of all Gideros buttons. | This is the base of all Gideros buttons. | ||
| − | {{#widget:GApp|app=ButtonDemo1.GApp|width= | + | {{#widget:GApp|app=ButtonDemo1.GApp|width=300|height=180}} |
| + | |||
=== Button Text '''[[ButtonText_class]]''' === | === Button Text '''[[ButtonText_class]]''' === | ||
This is almost the same as '''Button''' but with some text you can add. | This is almost the same as '''Button''' but with some text you can add. | ||
| + | |||
=== Button Disabled '''[[ButtonDisabled_class]]''' === | === Button Disabled '''[[ButtonDisabled_class]]''' === | ||
This is the same as '''Button''' but with a Disabled state. | This is the same as '''Button''' but with a Disabled state. | ||
| − | {{#widget:GApp|app=ButtonDisabledDemo1.GApp|width= | + | {{#widget:GApp|app=ButtonDisabledDemo1.GApp|width=300|height=180}} |
| + | |||
=== Button Toggle '''[[ButtonToggle_class]]''' === | === Button Toggle '''[[ButtonToggle_class]]''' === | ||
A button you can toggle on and off. | A button you can toggle on and off. | ||
| − | {{#widget:GApp|app=ButtonToggleDemo1.GApp|width= | + | {{#widget:GApp|app=ButtonToggleDemo1.GApp|width=320|height=180}} |
| + | |||
=== Button Monster '''[[ButtonMonster_class]]''' === | === Button Monster '''[[ButtonMonster_class]]''' === | ||
This button has a lot: mouse and keyboard navigation, hover, tooltip, sound, ... It may look scary but it is a nice monster ;-) | This button has a lot: mouse and keyboard navigation, hover, tooltip, sound, ... It may look scary but it is a nice monster ;-) | ||
| − | {{#widget:GApp|app=ButtonMonsterDemo2x.GApp|width= | + | {{#widget:GApp|app=ButtonMonsterDemo2x.GApp|width=320|height=180}} |
| + | |||
=== Button Beast '''[[ButtonBeast_class]]''' === | === Button Beast '''[[ButtonBeast_class]]''' === | ||
This is like the '''Button Monster''' but without tooltip and without integrated keyboard navigation. | This is like the '''Button Monster''' but without tooltip and without integrated keyboard navigation. | ||
| − | {{#widget:GApp|app=ButtonBeastDemo1.GApp|width= | + | {{#widget:GApp|app=ButtonBeastDemo1.GApp|width=320|height=180}} |
{{GIDEROS IMPORTANT LINKS}} | {{GIDEROS IMPORTANT LINKS}} | ||
Latest revision as of 19:44, 1 December 2023
Here you will find various resources to help you create buttons in Gideros Studio.
DESKTOPS, MOBILE & HTML5 COMPATIBLE THEY ARE!
note: you may have to provide your own assets (fonts, gfx, …)
Button Button_class
This is the base of all Gideros buttons.
Button Text ButtonText_class
This is almost the same as Button but with some text you can add.
Button Disabled ButtonDisabled_class
This is the same as Button but with a Disabled state.
Button Toggle ButtonToggle_class
A button you can toggle on and off.
Button Monster ButtonMonster_class
This button has a lot: mouse and keyboard navigation, hover, tooltip, sound, ... It may look scary but it is a nice monster ;-)
Button Beast ButtonBeast_class
This is like the Button Monster but without tooltip and without integrated keyboard navigation.
