Two classes to handle resizeable/responsive button toolbar. When window is large, full size buttons with title are displayed. Button groups are separated with a vertical line.
If window is not large enough, based on priority and order, title is removed and displayed as tip.
If window is still not big enough, smaller icons are used, finally two buttons are set on top of each other.
The class support buttons, buttons with alternate action (arrow beside the button) and subforms, such as Search picker.
- copy content of Project/Sources/Classes into your Sources/Classes
- copy content of Documentation/Classes into your Documentation/Classes
after Installation use 4D's explorer and select Toolbar or Toolbar_Button class to see documentation or read here:
Toolbar_Button Class documentation
Too see the behavior in action, download Example It is using the "Library" demo database from 4D v17, converted to v18 R3, exported to project, then adding the classes as explained above. Finally added "small" buttons (duplicating existing 48x48 buttons and resize them to 24x24).
The "students" form was modified to use the toolbar buttons. Open, then resize the window to see the result:
Full size window:
Big window:
Medium window:
Small window:
Very small window:
- require 4D v18 R3 or newer
- require your application to be in project mode