We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

check box not rendered

I am trying to render the list of checkbox using SfList tag. The list gets displayed but checkbox doesn't.


<SfListView DataSource="@points" ShowCheckBox="true" @ref="sfListView">

    <ListViewFieldSettings TValue="PointDataInfo" Id="PointId" Text="PointName"></ListViewFieldSettings>

</SfListView>


public PointDataInfo[] points = {

        new PointDataInfo { PointName ="Point 1", PointId = 123 },

        new PointDataInfo { PointName = "Point 2", PointId = 456 },

        new PointDataInfo { PointName = "Point 3", PointId = 789},

    };




2 Replies

PK pankaj kumar jain October 17, 2022 08:17 PM UTC

foud the issue.

my code was missing 

blazor/20.3.47/styles/bootstrap5.css



LD LeoLavanya Dhanaraj Syncfusion Team October 18, 2022 12:10 PM UTC

Hi Pankaj, 


Greetings from Syncfusion support. 


We have validated your reported issue in the Blazor ListView component. In our release version 20.1.47, we have included some of the breaking changes. We suspect that the reported issue at your end is occurring due to this. Please check the below release notes for changes.


Release notes link : https://blazor.syncfusion.com/documentation/release-notes/20.1.47?type=all#common


To overcome the issue, add the below script reference.


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


Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/DefaultListView-893091345.zip


You can install the latest individual NuGet package in your sample and add script and style references and avoid JavaScript isolation to overcome the issue. For your reference, we have attached the simple ListView sample with latest version. Please check the sample and get back to us if you need any further assistance. 


Regards,

Leo Lavanya Dhanaraj


Loader.
Live Chat Icon For mobile
Up arrow icon