Can we relatively increase size of all elements

[Vargis]

Actually I can horizontally increase all
elements width by putting their width in percentage(%). So that in a
normal wide screen(1366x768) the pages are rich with labels and its associated
text-boxes, drop-downs, calendar controls ,text-areas and popups.

But our major clients have huge Desktop Monitors so that the text-box,
drop-downs normal height is 22px and in that huge screens its is not at
all sufficient.

Also Popup windows width & height too have the same issue. Can't resize relatively.
Need a solution please help ASAP.

Thanks in Advance


Please see the attachment

[Marin Bratanov]

Hello Vargis,

I think you can consider the RadPageLayout control that was added in Q1 2014 to adjust the appearance of your forms across different resolutions: http://www.telerik.com/help/aspnet-ajax/page-layout-overview.html. You can see it empower this demo application whose source you can download and inspect too: http://demos.telerik.com/responsive-web-design-aspnet/.

There you will see that you can use the RadFormDecorator's elastic design capabilities to have your forms change size: http://www.telerik.com/help/aspnet-ajax/formdecorator-responsive-capabilities.html.

There are other controls that offer elastic or responsive layout options and you can find this information in their respective sections of the documentation (e.g., RadDock, RadTooltip, RadScheduler, etc.).

On the RadWindow size - it cannot have size set in percent because it cannot be clearly defined what its behavior should be when the viewport size changes. Thus, you can use its elastic capabilities (http://www.telerik.com/help/aspnet-ajax/window-responsive-capabilities.html) to increase its title element size, and combine it with the idea from this KB article on resizing it according to the viewport with some custom logic: http://www.telerik.com/support/kb/aspnet-ajax/window/details/setting-size-in-percent-for-the-radwindow.


Regards,

Marin Bratanov
Telerik

 

 

[Vargis]

Hi Boss,
Thanks... But this not really we want.
You are telling enlarging the sizes but we want the small popups which is show in small desktops or laptops resolution should increase the size accordingly to the screen size ..some clients are using 42 inch LED screens for entering the data ..Here our fixed 1000px X 450px will looks like small matchbox.

[Marin Bratanov]

Hello Vargis,

If you are using RadWindows you can consider this KB to make them use a percentage of the available real estate: http://www.telerik.com/support/kb/aspnet-ajax/window/details/setting-size-in-percent-for-the-radwindow.

As for other elements - you can consider the following workflow:

1. try the built-in skins with larger dimensions (MetroTouch, BlackMetroTouch, Simple, Slik, Glow) to see if they fit your needs
2. if they don't - build yourself custom skins that accommodate your needs
3. use the RadDeviceDetectionFramework to set the skin for the controls on the page depending on the device and its resolution: http://www.telerik.com/help/aspnet-ajax/detection-framework.html. RadSkinManager can help with this: http://www.telerik.com/help/aspnet-ajax/skinmanager.html.

I hope this helps.


Regards,

Marin Bratanov
Telerik

 

 

[Vargis]

Is it works for POPUS also?
http://www.telerik.com/support/kb/aspnet-ajax/window/details/setting-size-in-percent-for-the-radwindow

[Vargis]

Is it works for window popups also?