Add image block to footer

👨‍💻 Development Help
1

Hello!

I’ve been trying for about a week to add an image block to the footer of my SuiteCRM 8.9.0 installation. This is required for company policy and a government grant. The block should display both the company logo and the logo of the granting organization in the application footer.

It is important to emphasize that I do not want to remove or replace any existing footer content; I only want to add or modify it to include these images, while keeping all current content visible.

I have tried multiple approaches, including:

  1. Creating a custom widget to replace or extend the footer, but it did not appear.

  2. Modifying the Suite8 theme templates (header.tpl and footer.tpl) by copying them to custom/themes/suite8/tpls and editing them, with no visible results.

  3. Directly modifying code in the Angular UI footer component (scrm-footer-ui) to inject custom HTML.

  4. Running build/compile commands with Angular CLI and Yarn following several examples, but I get errors like “This command is not available when running the Angular CLI outside a workspace” or “Couldn’t find a script named build:footer-text-extension.”

  5. Checking official documentation, blogs, and community posts, but I haven’t found examples adapted to what I need that actually work in SuiteCRM 8.9.0.

I’ve verified using developer tools (F12) that the footer still shows the original SuiteCRM HTML and does not reflect any of the changes I’ve made.

I’m looking for guidance on how to correctly add this image block to the footer, in a way that is persistent, update-compatible, and does not remove existing content.

Any guidance, code examples, or strategies that have worked for others in similar situations would be greatly appreciated.

Thank you in advance!

2

You can check out this pages for ideas:

Another way, I do not know if this will work or not.

footer::after {
  content: "";
  display: block;
  margin-top: 8px;
  height: 32px;
  background: url("/assets/company-logo.png") left center no-repeat,
              url("/assets/grant-logo.png") right center no-repeat;
  background-size: contain;
}

You need to clear symfony cache and clear cache & hard reload on the browser.