This sample project creates a list of dynamic buttons in the main form data section and also the generic header that applies to every page. The project also creates a dropdown menu in the header section and illustrates how to submit form data when menu items are clicked in the header menus.
All this can be achieved by describing the list of buttons, menus and menu items within XML fragments.
The project includes some basic CSS classes and a couple of Javascript helpers, which you can locate on the right-hand-side panel on the Application Map. Click on the background canvas to get the application-wide settings. The project also uses the lavender theme, which you can include by following the instructions when you hover over the themes icon on the top strip of the page designer.
The default style information for the buttons in the main part of the form is created using the new css palettes on the page designer. The buttons in the header section inherit their style information from the css file. Also, please note that the style information for the dropdown menu is already included in the default demo.css file.
All this can be achieved by describing the list of buttons, menus and menu items within XML fragments.
The project includes some basic CSS classes and a couple of Javascript helpers, which you can locate on the right-hand-side panel on the Application Map. Click on the background canvas to get the application-wide settings. The project also uses the lavender theme, which you can include by following the instructions when you hover over the themes icon on the top strip of the page designer.
The default style information for the buttons in the main part of the form is created using the new css palettes on the page designer. The buttons in the header section inherit their style information from the css file. Also, please note that the style information for the dropdown menu is already included in the default demo.css file.