1. Home
  2. Forum
  3. Blazor
  4. Caption element visibility malfunction

Caption element visibility malfunction

In the image below I have a simple Grid with a simple data object

The Caption should not be visible in this Grid.

The value being displayed is the Id of the table 

Thank you in advance for you help.

I have tried with the css links uncommented as well and got the same result.


3 Replies 1 reply marked as answer
PS Prathap Senthil Syncfusion Team February 5, 2024 01:01 PM UTC

Hi Brandon,

Based on the reported issue, it appears that the problem is due to incorrect theme references. If you refer to the proper style reference, it won't show the caption in the UI. We would like to inform you that if you are using the Syncfusion.Blazor single NuGet package. If this is the case, we recommend referring to the attached code snippet and our documentation for further assistance.

<head>

   

    <!--Refer theme style sheet as below if you are using Syncfusion.Blazor Single NuGet-->

    <link rel='nofollow' href="_content/Syncfusion.Blazor/styles/bootstrap5.css" rel="stylesheet" />

 

<script src="_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>

@*Or you can use the below CDN*@

 

@*

    <link rel='nofollow' href=https://cdn.syncfusion.com/blazor/24.2.3/styles/bootstrap5.css rel="stylesheet" />

 

    <script src=https://cdn.syncfusion.com/blazor/24.2.3/syncfusion-blazor.min.js type="text/javascript"></script>*@

 

 

</head>

 



  1. CDN
 
Scripts- https://blazor.syncfusion.com/documentation/common/adding-script-references#cdn-reference
Styles - https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference

 
  1. Static Web Assets

Scripts - https://blazor.syncfusion.com/documentation/common/adding-script-references#static-web-assets

 

Styles - https://www.nuget.org/packages/Syncfusion.Blazor.Themes/



Regards,
Prathap S


Marked as answer
BH Brandon Hanson February 6, 2024 12:05 AM UTC

Thank you 

I am using the Single NuGet package for SyncFusion.Blazor as I am just starting.
My issue was solved by this.

I updated my index.html replacing the previous <link> and <script> elements I had with these

 <link rel='nofollow' href="_content/Syncfusion.Blazor/styles/bootstrap5.css" rel="stylesheet" />

 <script src="_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>




PS Prathap Senthil Syncfusion Team February 6, 2024 04:49 AM UTC

Thanks for the update,


We are happy to hear that the provided solution was helpful. We are closing the thread now.


Loader.
Up arrow icon