1. Home
  2. Forum
  3. Blazor
  4. Toolbar icons not visible

Toolbar icons not visible

Hi,
usind CRUD using sfGrid. I am not able to see the toolbar icons. My index.html contenet 
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>IT</title>
    <base rel='nofollow' href="/" />
    <link rel='nofollow' href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
    <link rel='nofollow' href="css/app.css" rel="stylesheet" />
    <link rel='nofollow' href="https://cdn.syncfusion.com/blazor/18.2.59/styles/bootstrap4.css" rel="stylesheet" />
</head>

Am I missing something?





Attachment: Brands_5e05a5ba.7z

7 Replies 1 reply marked as answer
MB Maran Baskar Syncfusion Team October 5, 2020 03:17 PM UTC

Hi Uday,

We are glad to announce that our Essential Studio 2020 Volume 3 release v18.3.0.35  has been rolled out successfully . In this release, we have fixed the issue related to asynchronous binding with toolbar. So we suggest you to upgrade to our latest version 18.3.0.35 to overcome the reported problem you are facing. 


Please find the Nuget from the link below, 

 
Please get back to us if you need further assistance. 
 
 

Regards, 
Maran Baskar



UD Uday October 6, 2020 08:07 AM UTC

Actually my problem was here:
builder.Services.AddSyncfusionBlazor(true); If I put 'true', toolbar disappers. I removed 'true' and now I am getting toolsbar in Grid.

Thanks

RN Rahul Narayanasamy Syncfusion Team October 7, 2020 06:26 AM UTC

Hi Uday, 
 
Thanks for the update. 
 
Query: Actually my problem was here: builder.Services.AddSyncfusionBlazor(true); If I put 'true', toolbar disappers. I removed 'true' and now I am getting toolsbar in Grid. 
 
We have validated your query with the provided details and you have enabled custom client side resource loading from CRG or CDN. To enable custom client side resource loading from CRG or CDN, you need to disable resource loading by AddSyncfusionBlazor(true) and load the scripts in the HEAD element of the ~/Pages/_Host.cshtml page. 
 
You can resolve the reported problem by referring the below script reference in _Host.cshtml(in server-side) or index.html(in client side) file. Find the below code snippets for your reference. 
 
<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
    <title>BlazorApp1</title> 
    <base rel='nofollow' href="~/" /> 
    <link rel="stylesheet" rel='nofollow' href="css/bootstrap/bootstrap.min.css" /> 
    <link rel='nofollow' href="css/site.css" rel="stylesheet" /> 
    <link rel='nofollow' href="https://cdn.syncfusion.com/blazor/18.2.44/styles/fabric.css" rel="stylesheet" /> 
    <script src="https://cdn.syncfusion.com/blazor/18.3.35/syncfusion-blazor.min.js"></script>  // refer this script 
</head> 
 
Reference: 
 
Please let us know if you have any concerns. 
 
Regards, 
Rahul 


Marked as answer
BA Balázs replied to Uday November 23, 2020 07:28 PM UTC

Actually my problem was here:
builder.Services.AddSyncfusionBlazor(true); If I put 'true', toolbar disappers. I removed 'true' and now I am getting toolsbar in Grid.

Thanks

Thanks, this fixed it for me aswell!
After changing "builder.Services.AddSyncfusionBlazor(true)" to "builder.Services.AddSyncfusionBlazor();" the toolbar magicly appeared.

RN Rahul Narayanasamy Syncfusion Team November 24, 2020 01:15 PM UTC

Hi Balázs, 

Greetings from Syncfusion. 

You have enabled custom client side resource loading(ie: AddSyncfusionBlazor(true)) from CRG or CDN. If you have enabled custom client side resource loading from CRG or CDN, you need to load the scripts in the HEAD element of the ~/Pages/_Host.cshtml page. You can resolve the reported problem by referring the below script reference in _Host.cshtml(in server-side) or index.html(in client side) file. Find the below code snippets for your reference. 

<head>  
    <meta charset="utf-8" />  
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />  
    <title>BlazorApp1</title>  
    <base rel='nofollow' rel='nofollow' href="~/" />  
    <link rel="stylesheet" rel='nofollow' rel='nofollow' href="css/bootstrap/bootstrap.min.css" />  
    <link rel='nofollow' rel='nofollow' href="css/site.css" rel="stylesheet" />  
    <link rel='nofollow' rel='nofollow' href="https://cdn.syncfusion.com/blazor/18.2.44/styles/fabric.css" rel="stylesheet" />  
    <script src="https://cdn.syncfusion.com/blazor/18.3.35/syncfusion-blazor.min.js"></script>  // refer this script if you have enabled AddSyncfusionBlazor(true) 
</head>  


Reference: 

If you have not enabled custom client side resource((ie: AddSyncfusionBlazor())) loading, then you don’t need to refer above script in _Host.cshtml(in server-side) or index.html(in client side) file. 

Please let us know if you have any concerns. 

Regards, 
Rahul 


MR Martin Rokicki replied to Uday January 18, 2022 05:40 AM UTC

Thank you, I had the same issue and your fix worked for m


RN Rahul Narayanasamy Syncfusion Team January 19, 2022 05:34 AM UTC

Hi Martin, 

Thanks for the update. 

We are happy to hear that the provided solution in this forum works for you. Please get back to us if you need further assistance. 

Regards, 
Rahul 


Loader.
Up arrow icon