synfusion control issue in different resolutions

Question

I have created more than 100 razor components using syncfusion control with 1920 X 1800 resolution.The font size and space between each control is good in this resolution.But when I run this application in 1396 X 768 resolution,then the font and space between each control is big and space is not good when compare to 1920 X 1800 resolution.

Please check the below screen cast and advise how to resolve this issue.

https://www.screencast.com/t/f5qCh2ryq0n

KINS · Answer

Please help

Joshna Lingala Uthama Reddy Lingala · Answer

Hi KINS, 
  
Greetings from Syncfusion. 
  
We have validated your reported issue for “occurrence of space and font issues while changing resolutions” at our end. We let you know that this is the default functionality of the Window, as the resolution changes, the size of fonts and spaces between the controls/words are applied. We have shared the image reference of a web image in two different resolution . 
  
In 1920 X 1080 resolution: 
  
  
  
In 1366 X 768 resolution: 
  
 If you need to fit the Syncfusion controls based on screen resolution, try writing the CSS based on resolution in application end.https://stackoverflow.com/questions/40526500/css-for-different-screen-resolutions 
 
Please get back to us if you have any queries. 
  
Regards, 
Joshna L

KINS · Answer

can you provide me example code ??

KINS · Answer

Awaiting for reply

KINS · Answer

Please help It's my top most urgent taskWithout support team ,it is difficult to complete task

Joshna Lingala Uthama Reddy Lingala · Answer

Hi KINS,

Thanks for the update.

We have prepared a sample for your reference in which the component is displaying as same even if we change the system display resolution. Please find the sample and image references for your requirement

Sample: https://www.syncfusion.com/downloads/support/forum/169144/ze/BlazorAppLayout2020889965

CodeSnippets:

<style>

@@media (min-width: 1366px) {

.e-control{

width: 260px;

height: 295px;

}

</style>

Image [1920 * 1080]

Image [1366 * 768]

Kindly try with the above information and sample and get back to us if you have any concerns

Regards,

Joshna L

KINS · Answer

sorry the above media query is not workingPlease check my comments in below screencasthttps://www.screencast.com/t/bWCJ8KMZ Please help, its my top most urgent

Joshna Lingala Uthama Reddy Lingala · Answer

Hi KINS, 
  
Thanks for the update. 
  
We need more information about the syncfusion components used in the application, could you please share the component details to provide the solution at the earliest. 
  
Regards, 
Joshna L

KINS · Answer

Thanks for update Can I send my razor component by tomorrow morning??

KINS · Answer

Please check the below screencast and attached sample code for your reference.screencast:-https://www.screencast.com/t/sSwcisUUv Attachment: DataentryUI1126183121_3b6a1d3f.zip

KINS · Answer

awaiting for reply

Joshna Lingala Uthama Reddy Lingala · Answer

Hi KINS, 
 
Sorry for the delay. 
 
We have created a new incident under your Direct trac account to follow up with this query. We suggest you to follow up with the incident for further updates. Please log in using the below link.    
https://www.syncfusion.com/account/login   
 
Regards, 
Joshna L

KINS · Answer

Thanks for update...Is it possible to change existing syncfussion control height and font size based on screen resolution.

Nevitha Ravi · Answer

Hi KINS, 
  
You can have a follow with the incident created under your login account for further follow-up on this query. 
  
Regards,Nevitha