responsive behavior

[FRED XUE]

If client width is less than 321px, the grid will render in mobile mode.

Can I change 321 to 350 or other value?

I want to run Mobile mode on a device that is larger than the width.

[Saravanan Arunachalam]

Hi Fred, 

Thanks for contacting Syncfusion’s support. 

Yes, you can render the Grid in phone mode at resolution more than 321px by using setPhoneModeMaxWidth method Grid control and overwriting the media query css in “ejgrid.responsive.css” which is located in following location. {programfilesfolder}\Syncfusion\Essential Studio\{Version}\JavaScript\assets-src\css\web\responsive-css\ejgrid.responsive. 

Please refer to the code to overwrite the css and online api reference link. 

/*overwrite from 320px to 350px*/ 

@media (max-width :350px) { 

    .e-grid.e-responsive > [id*='Dlg_wrapper'] { 

        width: 130px !important; 

    } 

/*When greater than the phone mode(changed from 321px to 401px )*/ 

@media (min-width: 351px) and (max-width:479px) { 

    .e-grid .e-table-priority-6, 

    .e-grid .e-table-priority-5, 

    .e-grid .e-table-priority-4, 

    .e-grid .e-table-priority-3, 

    .e-grid .e-table-priority-2 { 

        display: none !important; 

    } 

} 

 

 

https://help.syncfusion.com/api/js/ejgrid#methods:setphonemodemaxwidth  

 

Regards, 

Saravanan A.