Activator created ICM UI issue

[rabbisht]

The ICM created using Activator does not occupy the full width. It is displaying similarly to Teams alerts. Is there a way to make it occupy full width such that lengthy text could be more readable.

[rabbisht]

But this is not going to help in keeping the UI for the ICMs and newly created ICMs. Also, the width of the div is set static, instead of screen width.

[v-karpurapud]

Hi  @rabbisht 

To explore possible customization options or to determine if a configuration change is available for your specific scenario, we recommend raising a support ticket with Microsoft Support. This will allow the support team to investigate the issue in more detail and provide tailored guidance or potential solutions.

You can submit a ticket through the Microsoft Power BI Support Portal:

How to create a Fabric and Power BI Support ticket - Power BI | Microsoft Learn

Thank you!

[v-karpurapud]

Hi @rabbisht 

Thank you for reaching out to the Microsoft Fabric Community Forum.

It appears that the ICM  UI created using Activator is not utilizing the full width of the container, resembling the narrow layout of Teams alerts. This is likely due to default styling or constraints applied by Activator or the underlying framework.

To address the issue of the ICM UI created using Activator not occupying the full width, adjust the CSS properties of the container elements. 

1. Identify the CSS class or ID for the main container of your ICM.
2. Modify its width property to 100%. 

       Example:
 

      .icm-container {

       width: 100%;

      }

Check Activator Configuration: If Activator generates the UI dynamically, ensure the component or template allows width customization. For example, in a JSON configuration or script, set the width property explicitly:

Ex:

{

    "component": "ICM",

    "styles": {

        "width": "100%"

    }

}

If this response resolves your query, kindly mark it as Accepted Solution to help other community members. A Kudos is also appreciated if you found the response helpful.
 

Thank You!