This is a migrated thread and some comments may be shown as answers.

Managers dialog scrolling classic vs lightweight

4 Answers 121 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Fit2Page
Top achievements
Rank 2
Iron
Iron
Iron
Fit2Page asked on 09 Feb 2017, 12:44 PM

Hi,

 

For users with small screens there is a big difference in accessing all UX elements in the dialog windows.

Please compare attached Classic and Lightweight screenshots.

On Classic all elements (read Pager) are always accessible by using the browser scrollbar.

On Lightweight the Pager is not accessible in Chrome and Edge. In Firefox a scrollbar appears in the RadWindow so the user can scrolldown there.

Screenshots are made with Default skin; as we use Material skin the problem occurs even on modern laptop sceens as the UX elements are all bigger.

 

Marc

4 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 10 Feb 2017, 03:03 PM

Hi Marc,

My advice is to decrease the font size as explained in the following article: Fonts, i.e.

body { font-size: 12px; }

This will decrease the dialog sizes and they should fix inside the browser.

Regards,

Rumen

Telerik by Progress

Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Fit2Page
Top achievements
Rank 2
Iron
Iron
Iron
answered on 13 Feb 2017, 11:22 AM

Hi Rumen,

 

There are a lot of places where the font-size cannot be altered due to hard coding, see screenshot.

How can we deal with this?

Marc
0
Rumen
Telerik team
answered on 13 Feb 2017, 02:20 PM

Hello Marc,

You can manually override these classes.

You can also customize the dialog as well as to resize it:

http://docs.telerik.com/devtools/aspnet-ajax/controls/editor/functionality/dialogs/custom-dialogs

http://docs.telerik.com/devtools/aspnet-ajax/controls/editor/functionality/dialogs/examples/resize-dialogs 

 

Regards,
Rumen
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Fit2Page
Top achievements
Rank 2
Iron
Iron
Iron
answered on 13 Feb 2017, 02:53 PM

OK I understand, but then a base font is of low use then.

 

Marc

Tags
Editor
Asked by
Fit2Page
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Rumen
Telerik team
Fit2Page
Top achievements
Rank 2
Iron
Iron
Iron
Share this question
or