1. API reference
    1. Introduction
    2. Flexmonster()
  2. Objects
    1. All objects
    2. Report Object
    3. Slice Object
    4. Options Object
    5. Format Object
    6. Conditional Format Object
    7. Cell Data Object
  3. Methods
    1. All methods
    2. addCalculatedMeasure
    3. addCondition
    4. alert
    5. clear
    6. clearFilter
    7. clearXMLACache
    8. closeFieldsList
    9. collapseAllData
    10. collapseData
    11. connectTo
    12. customizeCell
    13. customizeContextMenu
    14. dispose
    15. expandAllData
    16. expandData
    17. exportTo
    18. getAllConditions
    19. getAllHierarchies
    20. getAllMeasures
    21. getCell
    22. getColumns
    23. getCondition
    24. getData
    25. getFilter
    26. getFilterProperties
    27. getFormat
    28. getMeasures
    29. getMembers
    30. getOptions
    31. getReport
    32. getReportFilters
    33. getRows
    34. getSelectedCell
    35. getSort
    36. getXMLACatalogs
    37. getXMLACubes
    38. getXMLADataSources
    39. getXMLAProviderName
    40. load
    41. off
    42. on
    43. open
    44. openFieldsList
    45. openFilter
    46. print
    47. refresh
    48. removeAllCalculatedMeasures
    49. removeAllConditions
    50. removeCalculatedMeasure
    51. removeCondition
    52. removeSelection
    53. runQuery
    54. save
    55. setBottomX
    56. setFilter
    57. setFormat
    58. setOptions
    59. setReport
    60. setSort
    61. setTopX
    62. showCharts
    63. showGrid
    64. showGridAndCharts
    65. sortingMethod
    66. sortValues
    67. updateData
  4. Events
    1. All events
    2. afterchartdraw
    3. aftergriddraw
    4. beforegriddraw
    5. beforetoolbarcreated
    6. cellclick
    7. celldoubleclick
    8. datachanged
    9. dataerror
    10. datafilecancelled
    11. dataloaded
    12. exportcomplete
    13. exportstart
    14. fieldslistclose
    15. fieldslistopen
    16. filteropen
    17. loadingdata
    18. loadinglocalization
    19. loadingolapstructure
    20. loadingreportfile
    21. localizationerror
    22. localizationloaded
    23. olapstructureerror
    24. olapstructureloaded
    25. openingreportfile
    26. printcomplete
    27. printstart
    28. querycomplete
    29. queryerror
    30. ready
    31. reportchange
    32. reportcomplete
    33. reportfilecancelled
    34. reportfileerror
    35. runningquery
    36. update
Table of contents

beforetoolbarcreated

beforetoolbarcreated:String
[starting from version: 2.3]

It is triggered before the creation of Toolbar. Use this event to override default Toolbar and customize it without changing flexmonster.toolbar.js. As an input beforetoolbarcreated gets toolbar object. Override existing tabs and set custom ones using toolbar.getTabs() function. Each tab object should have the following structure:

  • title – String. Label of the tab.
  • id – String. Id used in CSS styles.
  • handler – String. Name of the function that handles click on this tab.
  • icon – String. HTML tag containing your custom icon for this new tab. You can choose one of our vector icons defined in flexmonster.toolbar.js file.
  • args (optional) – Any. Argument to pass to handler.
  • menu (optional) – Array. Dropdown menu items.
  • mobile (optional) – Boolean. If false – doesn’t show on mobile devices.
  • ios (optional) – Boolean. If false – doesn’t show on iOS devices.
  • android (optional) – Boolean. If false – doesn’t show on Android devices.

Example

Hide all default tabs and add a new one to load a CSV file:
var pivot = new Flexmonster({
    container: "pivot-container",
    toolbar: true,
    beforetoolbarcreated: customizeToolbar
});

function customizeToolbar(toolbar) {
    // override tabs
    toolbar.getTabs = function() {
        var tabs = [];
        tabs.push({
        id: "fm-tab-connect",
        icon: this.icons.connect,
        title: this.Labels.connect,
        handler: function() {
            this.pivot.connectTo({ 
                dataSourceType: "csv", 
                filename: "http://cdn.flexmonster.com/2.3/data/data.csv" 
            });
        }
        });
        return tabs;
    }
}

Try the example on JSFiddle.

See also

Customizing toolbar tutorial