1. Home
  2. Forum
  3. Blazor
  4. Grid Filter (Checkbox and Excel) shows no Text..

Grid Filter (Checkbox and Excel) shows no Text..

Hi,

since this day my gridfilter is not working correctly. I see the checkboxes in filter dropdowns but there is no text behind.

I´m in the opinion, that I dosn´t any changes on the code.

My setup: 
Target Framework: .NET Core 3.1
Syncfusion NuGet Version: v19.1.0.55

The code of my grid:

<SfGrid @ref="MediaGrid" DataSource="@medienkatalogListe" AllowFiltering="true" AllowPaging="true">

                <GridEvents RowSelected="RowSelectHandler" RowDeselected="RowDeselectHandler" TValue="Medienkatalog">GridEvents>

                <GridFilterSettings Type="Syncfusion.Blazor.Grids.FilterType.Excel">GridFilterSettings>

                <GridEditSettings AllowEditing="false">GridEditSettings>

                <GridPageSettings PageCount="5" PageSize="50">GridPageSettings>

                <GridColumns>

                    <GridColumn Field=@nameof(Medienkatalog.Id) HeaderText="Id" IsPrimaryKey="true" TextAlign="TextAlign.Justify">GridColumn>

                    <GridColumn Field=@nameof(Medienkatalog.Kategoriename) HeaderText="Kategoriename" TextAlign="TextAlign.Center">GridColumn>

                    <GridColumn Field=@nameof(Medienkatalog.Magazinname) HeaderText="Magazinname" Width="150">GridColumn>

                    <GridColumn Field=@nameof(Medienkatalog.Ausgabe) HeaderText="Ausgabe" TextAlign="TextAlign.Center">GridColumn>

                    <GridColumn Field=@nameof(Medienkatalog.Et) HeaderText="ET" Type="ColumnType.Date" Format="d" TextAlign="TextAlign.Center">GridColumn>

                    <GridColumn Field=@nameof(Medienkatalog.Format) HeaderText="Format" TextAlign="TextAlign.Center">GridColumn>

                    <GridColumn Field=@nameof(Medienkatalog.Ausrichtung) HeaderText="Ausrichtung" TextAlign="TextAlign.Center">GridColumn>

                    <GridColumn Field=@nameof(Medienkatalog.Preis) HeaderText="Preis" TextAlign="TextAlign.Right" Type="ColumnType.Number" Format="#.###,## €">GridColumn>

                    <GridColumn Field=@nameof(Medienkatalog.Auflage) HeaderText="Auflage" TextAlign="TextAlign.Right" Type="ColumnType.Number" Format="###">GridColumn>

                    <GridColumn Field=@nameof(Medienkatalog.Auswahl) HeaderText="Auswahl" TextAlign="TextAlign.Center" Type="ColumnType.CheckBox">GridColumn>

 

 

                GridColumns>

            SfGrid>

           
Here is a Link that shows the problem:


There are also display problems when I mouseover the top of the dropdown:


Can someone help me please?


2 Replies 1 reply marked as answer
TH Thomas April 8, 2021 07:14 AM UTC

I could fix the problem by my self. The problem was my CSS Code. 

span {overflow: hidden;} was the Problem.


RN Rahul Narayanasamy Syncfusion Team April 9, 2021 04:18 AM UTC

Hi Thomas, 

Greeting from Syncfusion. 

Thanks for the update. 

We  are happy to hear that you have achieved this requirement by yourself.  

Also, we have validated your query and checked the reported problem at our end. We could not reproduce the problem. The text is properly shown in the Filter dialog and the custom filter dialog is shown properly. Find the below sample and screenshot for your reference. 

  
 

Also, could you please ensure that you have latest CSS reference or not in your _Host.cshtml(is you are using server side application) or Index.html(if you are using client side application). 

<head> 
    . . . 
    <link rel="stylesheet" rel='nofollow' href="css/bootstrap/bootstrap.min.css" /> 
    <link rel='nofollow' href="css/site.css" rel="stylesheet" /> 
    <link rel='nofollow' href="_content/Syncfusion.Blazor/styles/bootstrap4.css" rel="stylesheet" /> 
</head> 


If you are still facing the problem, then could you please share the below details. 

  • Reproduce the problem in the provided sample and revert back to us.
  • Share your _Host.cshtml(is you are using server side application) or Index.html(if you are using client side application).
  • Whether did you perform any customization?
  • Whether did you referred any custom CSS in your application?
  • Share a simple reproduceable sample if possible.

Regards, 
Rahul 
 


Marked as answer
Loader.
Up arrow icon