synfusion control issue in different resolutions

[KINS]

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]

Please help 

[Joshna Lingala Uthama Reddy Lingala]

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]

can you provide me example code ??

[KINS]

Awaiting for reply 

[KINS]

Please help 

It's my top most urgent task

Without support team ,it is difficult to complete task

[Joshna Lingala Uthama Reddy Lingala]

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]

sorry the above media query is not working

Please check my comments in below screencast

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

Please help, its my top most urgent

[Joshna Lingala Uthama Reddy Lingala]

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]

Thanks for update 

Can I send my razor component by tomorrow morning??

[KINS]

Please check the below screencast and attached sample code for your reference.

screencast:-

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

Attachment: DataentryUI1126183121_3b6a1d3f.zip

[KINS]

awaiting for reply

[Joshna Lingala Uthama Reddy Lingala]

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]

Thanks for update...

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

[Nevitha Ravi]

Hi KINS, 

  

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

  

Regards,
Nevitha