When Inline is set to true, Cursor is disabled and we can't select and drag it

When Inline is set to true in Blazor Syncfusion Color Picker the cursor on the color picker can't be selected or dragged 

Image_4582_1696759279069

 <SfColorPicker Value="035a" Inline="true" ShowButtons="false"></SfColorPicker>



5 Replies 1 reply marked as answer

AA Adnan Ali October 8, 2023 10:03 AM UTC

Is there any solution to enable the cursor in the inline mode 



YA YuvanShankar Arunagiri Syncfusion Team October 12, 2023 10:33 AM UTC

Hi Adnan,


The color picker is a script-dependent component; if we do not set the script properly in our project, then we have an issue like what you reported. Kindly add the script to your project file to resolve this type of issue. Refer to the below UG link for more details.


UG link: https://blazor.syncfusion.com/documentation/common/adding-script-references


Get back to us if you need any further assistance on this.

Regards,

YuvanShankar A



AA Adnan Ali October 21, 2023 01:34 PM UTC

I have perfectly added the script reference for the Syncfusion Blazor

is there any specific script reference for Color picker



AA Adnan Ali October 22, 2023 05:57 AM UTC

But when i minimize or maximize the browser it starts working and cursor starts moving 

Image_1159_1697954239116



KV Keerthikaran Venkatachalam Syncfusion Team October 25, 2023 05:29 PM UTC

Hi Adnan,


No, there is no specific script reference for Color Picker.


Please find below the details for referring to script references to render our Syncfusion Blazor components.


Please refer to the script as below if you are using the individual NuGet packages (Syncfusion.Blazor.Buttons, Syncfusion.Blazor.Inputs, and Syncfusion.Blazor.Grids).


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


Please refer to the script as below if you are using the single NuGet package (Syncfusion.Blazor).


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


We have prepared a color picker sample based on your code snippets. It is working fine. I have attached the sample for reference.


If you are still facing issues, could you please share the issue's replicable working sample or replicate the issue in our sample with replication steps and a video demonstration? Based on that, we will check and provide you with a better solution quickly.


Please let us know if you need any further assistance on this.


Regards,

KeerthiKaran K V


Attachment: ColorPicker_70e41084.zip

Marked as answer
Loader.
Up arrow icon