1. Home
  2. Forum
  3. ASP.NET MVC - EJ 2
  4. Custom Toolbar on Adaptive

Custom Toolbar on Adaptive

Hi, i'm using a custom Toolbar buttons, but when  Adaptive feature is enabled. The buttons doesn't show on mobile version. Only the base buttons (filter, order and search field)


How can i do to display my own buttons on mobile?


Thank you.


5 Replies 1 reply marked as answer
PS Pavithra Subramaniyam Syncfusion Team March 25, 2022 03:05 PM UTC

Hi Rodrigo, 
 
Thanks for contacting Syncfusion support. 
 
We have tried to reproduce the issue at our end, but it is working fine at our end. Please refer to the below image  
 
 
For further validation please share the below details that will be helpful for us to provide a better solution as early as possible. 
 
  1. Share the full Grid code example
  2. Share the Syncfusion package version
  3. Share the mobile device details
  4. Share a simple issue reproducible sample if possible
 
Regards, 
Pavithra S 


RO Rodrigo replied to Pavithra Subramaniyam March 27, 2022 01:56 AM UTC

Hi Pavithra, thanks for your quick response. Just update to latest version and works really good.


The only issue i got now is with the search field: on mobile view looks good. But on desktop view, the field is hidden, when the magnifier icon is clicked the field shows up but in a odd position. 


Normal search field:

search field visible.png


Hidden field with Adaptive property = true:

search field hidden.png


Thank you for your help. I'm attaching project.


Regards,




Attachment: SyncfusionMvcApplication2_6eaa5976.7z

PS Pavithra Subramaniyam Syncfusion Team March 28, 2022 01:27 PM UTC

Hi Rodrigo, 
 
In EJ2 Grid, the Adaptive Grid search bar will show the search icon only at initial rendering in both mobile and desktop mode. While clicking, it will show the input box to enter the searching key words. This is the default behaver of Adaptive Grid component. 
 
 
Please get back to us if you need further assistance on this. 
 
Regards, 
Pavithra S 


Marked as answer
RO Rodrigo replied to Pavithra Subramaniyam March 29, 2022 12:05 AM UTC

Hi Pavithra, thank you very much for your answer.


Accordingly to your answer, i tried to set it up dynamically with the API and works great: 

sfGrid.EnableAdaptiveUI = true​  or sfGrid.EnableAdaptiveUI = false on Load event.


Regards,


PS Pavithra Subramaniyam Syncfusion Team March 29, 2022 12:53 PM UTC

Hi Rodrigo,


You are most welcome!


It is great to hear that the provided solution helped you. Please get back to us if you need further assistance on this.


Regards,

Pavithra S


Loader.
Up arrow icon