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.
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