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

Can we relatively increase size of all elements

5 Answers 31 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Vargis
Top achievements
Rank 2
Vargis asked on 18 Mar 2014, 07:12 AM
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

5 Answers, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 19 Mar 2014, 11:57 AM

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
 

DevCraft Q1'14 is here! Watch the online conference to see how this release solves your top-5 .NET challenges. Watch on demand now.

 
0
Vargis
Top achievements
Rank 2
answered on 14 Jul 2014, 08:50 AM
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.
0
Marin Bratanov
Telerik team
answered on 14 Jul 2014, 09:50 AM

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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Vargis
Top achievements
Rank 2
answered on 15 Jul 2014, 08:58 AM
Is it works for POPUS also?
http://www.telerik.com/support/kb/aspnet-ajax/window/details/setting-size-in-percent-for-the-radwindow
0
Vargis
Top achievements
Rank 2
answered on 15 Jul 2014, 08:59 AM
Is it works for window popups also?
Tags
General Discussions
Asked by
Vargis
Top achievements
Rank 2
Answers by
Marin Bratanov
Telerik team
Vargis
Top achievements
Rank 2
Share this question
or