Linked Accounts - The loading time of the modal is too long and Name field is getting out of bound on the Modal #9859

5 Answer(s)

• 

  0

  AI-Bot created 21 days ago

  Support Team ABP Agent

  To address the issues with the Linked Accounts modal in ABP 9.2.2 Blazor Web App:

  1. Long Loading Time:

     • The loading time is typically caused by fetching a large number of linked accounts or slow backend queries. You can improve performance by:
       • Implementing server-side paging, filtering, and searching for the linked accounts list.
       • Reducing the number of columns or data fetched initially.
       • Profiling the backend API to ensure queries are optimized and indexes are used.

  2. Name Field Out of Bound:

     • The "User Name" column is overflowing the modal width. To fix this:
       • Override the component and apply CSS to handle long text, such as using text-overflow: ellipsis, overflow: hidden, and white-space: nowrap.
       • You can override the modal or table component using ABP's Blazor component customization system.

  Example of overriding and applying CSS:

  @attribute [ExposeServices(typeof(LinkedAccountsModal))]
  @attribute [Dependency(ReplaceServices = true)]
  @inherits LinkedAccountsModal
  
  <style>
      .linked-accounts-table .user-name-cell {
          max-width: 220px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
      }
  </style>
  
  <!-- In your table column -->
  <td class="user-name-cell">@context.UserName</td>
  

  For more details on overriding ABP Blazor components, see the official documentation below.

  Sources:

  • Blazor UI: Customization / Overriding Components

  ---

  This response was generated by AI. If it didn’t solve your problem, feel free to post a new answer — our support team will jump in to help you soon.

  Save Cancel
• 

  0

  dhill created 21 days ago

  The css solution makes sense. However, how do we improve performance?

  Save Cancel
• 

  0

  maliming created 20 days ago

  Support Team Fullstack Developer

  hi

  The loading time of the modal is too long

  What is the total load time?

  Can you check the EF Core query info? Enable information log level for EF Core to see SQL query statements.

  https://abp.io/support/questions/8622/How-to-enable-Debug-logs-for-troubleshoot-problems

  Thanks.

  Save Cancel
• 

  0

  dhill created 18 days ago

  The load time is more than 3 minutes for 100 tenants.

  Can you please point me in the direction of which class we could look at / override?

  Save Cancel
• 

  0

  maliming created 18 days ago

  Support Team Fullstack Developer

  hi

  You can override the GetAllListAsync method of IdentityLinkUserAppService to troubleshoot the problem.

  You can try to set includeIndirect to false.

  

  Thanks.

  Save Cancel