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

2 Answer(s)

• 

  0

  AI-Bot created 8 hours 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 7 hours ago

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

  Save Cancel