Tenants | Need space between Search and Filter buttons #9590

6 Answer(s)

• 

  0

  AI-Bot created 2 months ago

  Support Team ABP Agent

  To add space between the Search and Filter buttons in the Tenants page, you can use custom CSS. This is a common UI adjustment and can be achieved by adding a margin to the button elements. For example, you can add the following CSS to your global styles (e.g., global-styles.css):

  /* Add space between search and filter buttons */
  .tenant-search-form .btn + .btn {
      margin-left: 0.5rem;
  }
  

  If your buttons are not wrapped in a specific class, you can target them more generally or add a custom class to the button group for more precise control.

  After adding the CSS, the buttons will have the desired spacing between them.

  Sources:

  • LeptonX Theme Customization (ABP Docs)

  ---

  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

  maliming created 2 months ago

  Support Team Fullstack Developer

  hi

  what is your UI page?

  MVC or Angular or Blazor?

  Thanks.

  Save Cancel
• 

  0

  dhill created 2 months ago

  Sorry forgot to mention. Blazor Web App.

  I'm trying the CSS suggested by the bot now.

  Save Cancel
• 

  0

  maliming created 2 months ago

  Support Team Fullstack Developer

  Thanks , I will check and fix it.

  Save Cancel
• 

  0

  dhill created 2 months ago

  I tried the suggested css but it looks like those classes aren't on blazor. I'm guessing it has to be set on the components or something.

  I'll wait for a fix.

  Save Cancel
• 

  0

  maliming created 2 months ago

  Support Team Fullstack Developer

  hi

  I just created a new 9.2 Blazor webapp project. But the tenant page looks fine.

  Are there any errors in the Chrome console?

  

  Thanks.

  Save Cancel