VintaSoft Imaging .NET SDK 12.5: Documentation for Web developer
In This Topic
    "Standard" dialogs, which are used in Web Spreadsheet Document Editor UI
    In This Topic
    By default the Web Spreadsheet Document Editor uses the following "standard" dialogs:



    1. "Standard" dialogs, which are based on Bootstrap

    Ready-to-use "standard" dialogs, which are based on Bootstrap dialog, are stored in Vintasoft.Imaging.Office.Dialogs.Bootstrap.js file.
    If "standard" Bootstrap dialogs must be used in the web spreadsheet document editor, web application must have:
    Dialog appearance can be customized using Bootstrap CSS.

    Here is screenshot of "standard" "Find text" dialog, which is based on Bootstrap:




    2. "Standard" dialogs, which are based on jQuery UI

    Ready-to-use "standard" dialogs, which are based on jQuery UI dialog, are stored in Vintasoft.Imaging.Office.Dialogs.jQueryUI.js file.
    If "standard" jQueryUI dialogs must be used in the web spreadsheet document editor, web application must have:
    Dialog appearance can be customized using jQuery UI CSS.

    Here is screenshot of "standard" "Find text" dialog, which is based on jQuery UI:




    3. Custom "standard" dialogs

    If ready-to-use "standard" Bootstrap, jQuery UI and JavaScript dialogs are not suitable for your UI or task, it is possible to use custom "standard" dialogs in web document viewer.

    If it is necessary to create custom dialog for another UI library, it is recommended to create dialog as a wrapper around ready-to-use UI panel (WebUiRenameWorksheetPanelJS, WebUiMoveWorksheetPanelJS, WebUiFindTextPanelJS, WebUiSelectFunctionPanelJS). In this case it is not necessary to implement logic, which is related with dialog (for example, print images) because panel already contains all necessary logic.

    Also it is possible to create "custom" dialog from scratch but in this case it is necessary to implement dialog UI and logic.