1. Home
  2. Forum
  3. Blazor
  4. PDFViewerServer custom toolbar does not work on mobile devices

PDFViewerServer custom toolbar does not work on mobile devices

Hello,

I'm trying to customize the toolbar by defining the toolbaritems:


    <SfPdfViewerServer @ref="sfPdfViewerServer" ID="pdfviewer" DocumentPath="@pdfContent" Width="100%" Height="1000px" EnableAnnotationToolbar="false" EnableNavigationToolbar="false" ToolbarSettings="@ToolbarSettings">

    </SfPdfViewerServer>


    public PdfViewerToolbarSettings ToolbarSettings = new PdfViewerToolbarSettings()

    {

        ToolbarItems = new List<Syncfusion.Blazor.PdfViewer.ToolbarItem>()

        {

            Syncfusion.Blazor.PdfViewer.ToolbarItem.PageNavigationTool,

            Syncfusion.Blazor.PdfViewer.ToolbarItem.MagnificationTool,

            Syncfusion.Blazor.PdfViewer.ToolbarItem.PrintOption,

            Syncfusion.Blazor.PdfViewer.ToolbarItem.DownloadOption

        }

    };

Works fine on a PC Edge browser. However, on iPhone and Android devices it always displays the same toolbar with none of my customizations:

Image.png


8 Replies
VS Vasugi Sivajothi Syncfusion Team August 11, 2021 11:40 AM UTC

Hi Alan, 
 
Thank you for contacting Syncfusion support. 
 
Currently, we don’t have support to customize the toolbar in mobile mode. We have already considered this as a feature request, and we do not have any immediate plans to implement this feature. It will be included in any of our upcoming releases. 
 
Now you can track the status using below feedback link,  
  
 
Regards, 
Vasugi. 


AH Alan Hoiland replied to Vasugi Sivajothi August 11, 2021 03:47 PM UTC

That's disappointing to hear. Is there some way to disable the mobile toolbar? I've tried setting EnableToolbar to false but it doesn't change the mobile toolbar. At the least I would like to remove the Open File button.


VS Vasugi Sivajothi Syncfusion Team August 12, 2021 02:21 PM UTC

Hi Alan,  
 
Please find the details. 
 
Query 
Details 
Is there some way to disable the mobile toolbar? I've tried setting EnableToolbar to false but it doesn't change the mobile toolbar. 
 
Currently, we are facing issue the reported issue “Unable to disable mobile toolbar while setting EnableToolbar to false” in PdfviewerServer. However, we will analyze further on this and update you with more details on August 16, 2021. 
 
That's disappointing to hear. At the least I would like to remove the Open File button. 
Sorry for the inconvenience. As we mentioned earlier, there is no support to customize the toolbar in mobile mode. We do not have any immediate plans to implement this feature.  It will be included in any of our upcoming releases.  
  
You can track the status using below feedback link,   
   
 
 
Regards, 
Vasugi. 


VS Vasugi Sivajothi Syncfusion Team August 17, 2021 03:29 AM UTC

 
Hi Alan, 
 
 
We have confirmed the reported issue “Unable to disable mobile toolbar while setting EnableToolbar to false” is a defect and the fix for the changes will be included in our upcoming weekly NuGet release on September 1, 2021. You can track the status using the below feedback, 
 
 
 
 
Regards, 
Vasugi. 


DM Dhivyabharathi Mohan Syncfusion Team September 1, 2021 03:26 PM UTC

Hi Alan,  
 
 
The fix for reported issue was not included in our latest weekly NuGet release. We will include this fix in our upcoming weekly NuGet release on September 8, 2021. Sorry for the inconvenience.  
 
 
Regards, 
Vasugi. 
 
  
  


VS Vasugi Sivajothi Syncfusion Team September 8, 2021 04:43 PM UTC

Hi Alan,    
 
We have fixed the reported issue and the fix for the reported issue was included in our latest weekly release v19.2.0.60. Kindly upgrade to that version to get the issue resolved. 
 
Packages: 
 
Blazor Client  
Blazor Sever 
Service side package    
ASP.NET Core :    
     
ASP.NET MVC:    
  
 
Regards, 
Vasugi. 
 
 


GT Gaurang Thakkar March 4, 2023 09:34 AM UTC

Hi,

with toolbar setting with only 3 items,

ToolbarItem.DownloadOption,  ToolbarItem.PageNavigationTool,  ToolbarItem.PrintOption,


it still show the "file open " button on android device. Please help and show how to make it working.


Thanks


VV Visvesvar Venkatesan Syncfusion Team March 6, 2023 12:18 PM UTC

We have provided a sample to customize by removing the upload file option and were able to run the model on the mobile device without the file upload option.


Kindly find the image for reference and the sample below.


Image:



Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/LO4ADD~1897980762.zip


Kindly try this and let us know if you have any concerns.


Loader.
Up arrow icon