Can we relatively increase size of all elements

6 posts, 0 answers
  1. Vargis
    Vargis avatar
    44 posts
    Member since:
    Jan 2013

    Posted 18 Mar 2014 Link to this post

    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
  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3595 posts

    Posted 19 Mar 2014 Link to this post

    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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Vargis
    Vargis avatar
    44 posts
    Member since:
    Jan 2013

    Posted 14 Jul 2014 in reply to Marin Bratanov Link to this post

    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.
  5. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3595 posts

    Posted 14 Jul 2014 Link to this post

    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.

     
  6. Vargis
    Vargis avatar
    44 posts
    Member since:
    Jan 2013

    Posted 15 Jul 2014 in reply to Marin Bratanov Link to this post

    Is it works for POPUS also?
    http://www.telerik.com/support/kb/aspnet-ajax/window/details/setting-size-in-percent-for-the-radwindow
  7. Vargis
    Vargis avatar
    44 posts
    Member since:
    Jan 2013

    Posted 15 Jul 2014 in reply to Marin Bratanov Link to this post

    Is it works for window popups also?
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017