Creating reports and dashboards | Stimulsoft community forum

Code: Select all

    <div>      
        <cc2:StiMobileViewer ID="StiMobileViewer1" ShowDesignButton="true" runat="server"  /> 
    </div>

    <script type="text/javascript">
        jsStiMobileViewer1.options.buttons.Design.action = function () { alert("Design button pressed!"); }
        //where 'StiMobileViewer1' - mobile viewer Id;
                
        //Example insert user button
        var userButton = jsStiMobileViewer1.StandartSmallButton("userButton", null, "My Button", "emptyImage"); //(name, groupName, caption, imageName, toolTip, arrow);
        userButton.image.src = "http://www.stimulsoft.com/media/mod_falang/images/usa.gif";
        userButton.action = function () { alert("User button pressed!"); }
                
        var toolbarTable = jsStiMobileViewer1.options.toolbar.innerContent.firstChild;
        toolbarTable.addCell(userButton);
    </script>

Code: Select all

<div>      
        <cc2:StiMobileViewer ID="StiMobileViewer1" ShowDesignButton="true" runat="server"  /> 
    </div>

    <script type="text/javascript">
        //Example insert user button
        var userButton = jsStiMobileViewer1.StandartSmallButton("userButton", null, "My Button", "emptyImage"); //(name, groupName, caption, imageName, toolTip, arrow);
        userButton.image.src = "http://www.stimulsoft.com/media/mod_falang/images/usa.gif";

        //where 'StiMobileViewer1' - mobile viewer Id;      
                        
        var toolbarTable = jsStiMobileViewer1.options.toolbar.innerContent.firstChild;
        toolbarTable.addCell(userButton);

        //create menu items
        var items = [];
        items.push(jsStiMobileViewer1.Item("menuItem1", "Menu Item 1", null, "MenuItemKey1")); // (name, caption, imageName, key)
        items.push(jsStiMobileViewer1.Item("menuItem2", "Menu Item 2", null, "MenuItemKey2"));

        //create menu
        var userMenu = jsStiMobileViewer1.VerticalMenu("userMenu", userButton, "Down", items, jsStiMobileViewer1.GetStyles("MenuStandartItem")); //(name, parentButton, animDirection, items, itemsStyles)

        //show menu action
        userButton.action = function () { userMenu.changeVisibleState(!userMenu.visible); }

        //menu action
        userMenu.action = function (menuItem) {
            userMenu.changeVisibleState(false);
            alert(menuItem.key);
        }
    </script>