In Qlik Sense Mashup calculation condition message sometimes displayed as i (information) icon
I have built a mashup page which includes a filter panel, two charts and two buttons which control which chart should be displayed (by using the bootstrap tab functionality). The charts have a calculation condition to ensure that the chart displays a message if the minimum selections have not been made. The first chart, which is set as active when the page is loaded (class="tab-pane active......" ) displays the full message, but when I switch between the charts, an icon is displayed instead, which shows the message when clicked on. When I inspect the element, I cannot see any difference in the code generated by Qlik, so I'm not sure what is going on here. Also if I make both charts active on load (again set both tab panels to class="tab-pane active......"), the message is displayed rather than the icon. I would like to always see the message and never the icon. Any ideas?
<!-- main section -->
<div id="modalWrapper" >
<div id="main" role="main" >
<!-- ngIf: error.message --><div ng-if="error.message" class="object-error-message ng-binding ng-scope">Please select at least one Product Group plus one Market/Stage and one Year</div><!-- end ngIf: error.message -->
<!-- ngIf: error.message --><div ng-if="error.message" class="object-error-message ng-binding ng-scope">Please select at least one Product Group and one Market/Stage</div><!-- end ngIf: error.message -->
I have found that I can force the message to be displayed and the information icon to be hidden by overriding the css display settings:
But I would prefer not to do so if there is another option. I assume that there is.