UI Customization for Websign


Navigate to Settings / Visual Customization area. From there you can customize the UI by uploading your organization logo image and enter the CSS to customize the web signing application. See this section for additional details.


Customizing the dashboard application UI

Customizing the Bulksign UI is done by editing the WebDashboard\Custom\custom.css file

Here's a simple example (which changes the main page color and main accent color) :

#mainSignContainer {
    background-color: #FB6542 !important;
}

#buttonChooseOption {
    background-color: #375E97 !important;
    color: white !important;
}

.mainColorMixin {
    color: #2C7873 !important;
}

The result

All UI elements in Bulksign have specific ids to allow for CSS customization.

Tip

See also the section about customizing the look of the web signing application

Customize WebSign with JS

For WebSign JS customizations , the recommendation is to use the integration.js file (located by default in c:\Program Files\Bulksign\WebSign\scripts\integration\integration.js)

Please be aware the integration.js file is loaded and runs on ALL WebSign pages. If you want to change something only for specific pages, you should do it like this :

    var url = window.location.href.toLowerCase();

    if (url.endsWith("/sign")) {
        // add stuff for sign page
    }

Please see the following GitHub repository