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.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

responsive behavior

Thread ID:

Created:

Updated:

Platform:

Replies:

128231 Jan 10,2017 05:35 AM UTC Jan 11,2017 11:13 AM UTC JavaScript 1
loading
Tags: ejGrid
FRED XUE
Asked On January 10, 2017 05:35 AM UTC

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 [Syncfusion]
Replied On January 11, 2017 11:13 AM UTC

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; 
    } 
} 
 
 
 
Regards, 
Saravanan A. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;