01
Case Study
Merger and Acquisition:
Controlled Integration in a Heavily Regulated, Fast Moving Environment.
The Challenge
As part of an acquisition, our existing customer needed to understand and deliver a plan for the integration requirements and consolidation of business process and technical systems. This came with the additional constraint of being achieved against a challenging regulatory deadline and ROI deadline.
02
03
04
05
Our Work
Need help with your project? Let's talk...
// Function to create HubSpot form with custom styles and scrolling fix
function createCustomForm() {
// Create the HubSpot form
hbspt.forms.create({
region: "na1",
portalId: "6882211",
formId: "c08eb813-4605-441b-b923-dbfe6422f092",
onFormReady: function ($form) {
// Define custom styles
var customStyles = `
/* Adjusting height and padding for form fields */
.hs-form input[type="text"],
.hs-form textarea,
.hs-form input[type="email"] {
height: 80px;
padding-right: 20px;
background-color: rgba(32, 48, 49, .05); /* Set background color */
border: none; /* Remove border */
}/* Adjusting height and padding for the "How can we help" textarea */
.hs-form textarea.hs-input {
min-height: 257px;
padding: 32px 20px;
background-color: rgba(32, 48, 49, .05); /* Set background color */
border: none; /* Remove border */
}/* Making the submit button span the full width */
.hs-form .actions input[type="submit"] {
width: 100%;
background-color: #203031; /* Charleston Green */
color: white;
border: none; /* Remove border */
padding: 20px;
border-radius: 40px; /* Set border radius */
cursor: pointer;
position: relative; /* Set position to relative to position the arrow */
z-index: 1; /* Ensure the button sits above the arrow */
}/* Apply sticky positioning */
.hs-form.sticky {
position: sticky;
top: 0;
z-index: 9999;
}/* Placeholder for fixed form position */
.form-placeholder {
display: none;
}
`;// Create a style element
var styleElement = document.createElement('style');
styleElement.innerHTML = customStyles;// Insert the style element
$form.prepend(styleElement);// Create a placeholder element
var placeholder = $('').css({
height: $form.outerHeight()
});
$form.before(placeholder);// Function to handle scrolling
function handleScroll() {
var formOffset = $form.offset().top;
var scrollPos = $(window).scrollTop();
if (scrollPos > formOffset) {
$form.addClass('sticky');
placeholder.show();
} else {
$form.removeClass('sticky');
placeholder.hide();
}
}// Call handleScroll on page load
handleScroll();// Add scroll event listener to fix scrolling glitch
$(window).on('scroll', handleScroll);
}
});
}// Call function to create custom form
createCustomForm();