# ActiveReportsJS Report Designer Action Handlers

Learn how to use ActiveReportsJS Report Designer actions

## Content



The majority of the ActiveReportsJS Report Designer UI consists of items related to a report design process - report items on the sidebar, formatting controls on the toolbar, and the data bar and the property grid. These are not customizable in the sense that a hosting application can't override these items' behavior. Check [User Interface topic](/activereportsjs/docs/v6.1/ReportAuthorGuide/Report-Designer-Interface) for more information on these standard User Interface elements.
However, there are several customizable UI items that the hosting application should implement according to its specific requirements:

- The ```Save``` and ```Save As``` buttons
- The ```New Report``` button
- The ```Open``` button
- The ```Preview``` button
- The ```File``` link

They are not visible by default, and the application's code should configure the ```action handlers``` to make them available and set their behavior.

Check the following pages for examples of the action handlers implementation:

- [Enabling "New" button](/activereportsjs/docs/v6.1/DeveloperGuide/ActiveReportsJSDesignerComponent/Create-New-Report#enabling-new-report-button) shows how to implement ```onCreate``` action handler.
- [Enabling "Open" button](/activereportsjs/docs/v6.1/DeveloperGuide/ActiveReportsJSDesignerComponent/Create-New-Report#enabling-open-report-button) shows how to implement ```onOpen``` action handler.
- [Enabling "Save" and "Save as" buttons](/activereportsjs/docs/v6.1/DeveloperGuide/ActiveReportsJSDesignerComponent/Save-Reports#enabling-save-and-save-as-buttons) shows how to implement ```onSave``` and ```onSaveAs``` action handlers
- [Enabling "Preview" button](/activereportsjs/docs/v6.1/DeveloperGuide/ActiveReportsJSDesignerComponent/Preview-Reports#enabling-preview-button) shows how to implement ```onRender``` action handler.

The application can also use the ```onOpenFileMenu``` action handler to display the custom menu for the hosting application. 


The application can also use the ```processCommand``` method of the Report Designer instance to invoke action handlers in response to other events. The argument specifies the action handler to be called. For example, ```processCommand("create")``` invokes the `onCreate` action handler.
Check [Implement AutoSave](/activereportsjs/docs/v6.1/DeveloperGuide/ActiveReportsJSDesignerComponent/Save-Reports#autosave) page for the example of using the ```processCommand``` method to trigger the action handler.