Dynamically change image on HTML widget

[Christine24]

I'm using the HTML widget as a way to display different logos depending on which company is signed into our portal. The issue I'm trying to resolve is how to actually make this dynamic so that we can use one portal and display the appropriate logo.

Right now the HTML widget will only display my one logo and I have to change the code to display the other logo. I decided to clone the HTML widget and wanted to make an if statement. This is what I have so far but I don't know how to code in HTML and it's not working.

<div>
  <div ng-if="!c.options.html" class="panel panel-default">
    <div class="panel-body">
    <a class="navbar-brand navbar-brand-logo" ng-if=user.company == '084cc9e64f4f7700eb11eddf0210c795' "
<p style="text-align: center; margin-top: 50px; margin-bottom: -50px;"><img src="cfn.svg" /></p>
<a class="navbar-brand navbar-brand-logo" ng-if=user.company == 'bd2eb1851bd73700762f8596dc4bcbc7' "
<p style="text-align: center; margin-top: 50px; margin-bottom: -50px;"><img src="mml.svg" /></p>
    </div>
  </div>
  <div ng-if="c.options.html" ng-bind-html="c.html"></div>
</div>

[Mike Patel]

change your server script to below

data.companylogovalue=gs.getUser().getCompanyID().toString();

[Christine24]

Am I using the server script I have and replacing the last line with what you added?

[Mike Patel]

Not just last line the whole script with below

data.companylogovalue=gs.getUser().getCompanyID().toString();

[Christine24]

Okay, I just replaced the Server Script with that line and it's still the same issue. 😞

[Pranav Bhagat]

Add a log and check whether the data object is getting populated.

Also put the server code like this

(function() {

data.companylogovalue=gs.getUser().getCompanyID().toString();

})()