Tenants | Need space between Search and Filter buttons
We are using ABP 9.2.1
Looks like there is a css issue where there needs to be a space in between the search and the filter buttons.
6 Answer(s)
-
0
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:
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.
-
0
hi
what is your UI page?
MVC or Angular or Blazor?
Thanks.
-
0
Sorry forgot to mention. Blazor Web App.
I'm trying the CSS suggested by the bot now.
-
0
Thanks , I will check and fix it.
-
0
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.
-
0
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.
