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.

How to force Grid to render in Phone mode?

This KB showcase the example to force the grid to render in phone mode at resolution more than 321px.

Solution

To render the Grid in phone mode at resolution more than 321px use the setPhoneModeMaxWidth method.

Step 1: Render the Grid control.

HTML

JS

MVC

 

ASP

 

.Net core

 

Angular

 

TS

 

Step 2: Set the desire higher resolution width in setPhoneModeMaxWidth method in grid load event.

 

Step 3: Need to set same value for max-width in “ejgrid.responsive.css” file.

Refer the below code snippets:

You can get the ejgrid.responsive.css file from the below mentioned location:

{Program file folder}\Syncfusion\Essential Studio\{Version}\JavaScript\assets-src\css\web\responsive-css\ejgrid.responsive.

Refer this css files in head tag:

 

Output Screenshots

           Screen of a cell phone

Description generated with very high confidence

 

Figure 1: Phone mode with normal resolution

 

 

A screenshot of a computer screen

Description generated with very high confidence

 

   Figure 2: Phone mode with higher resolution

 

 

 

Article ID: Published Date: Last Revised Date: Platform: Control:
9026 07/26/2018 07/26/2018 JavaScript ejGrid
Did you find this information helpful?
Add Comment
You must log in to leave a comment

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.