resize button controls on windows form to fixed size as per screen resolution

Question

i have a specific requirement where -in size of buttons on my form should remain of particular size at different screen resolution.

enter image description here

Example as seen in above form, i have buttons "ON" and "OFF" & size of both buttons is 2 cms for particular resolution.

Now i need code which re-sizes buttons to 2 cms for different resolution or size of button should remain same even at different resolution.

thanks

are you set anchor for button first remove it and then you can try — senthilkumar2185, Aug 19 '14 at 03:14
@Senthilkumar if we set anchor then `ON` button will be overlapped on `OFF` button. because the `OFF` button left position will not be set accordingly width of `ON` button. — Shell, Aug 19 '14 at 03:31
@terry while not a bad idea, custom controls are not necessary in this case. — jay_t55, Aug 19 '14 at 21:56

score 0 · Answer 1 · edited May 23 '17 at 12:27

0

The question seems like a "How to make windows form resolution independent?". BTW, there are lot of examples are given in internet to make your form resolution independent. Unfortunately .Net doesn't provide any kind of facility to make your application common for all resolutions. But, there is no one correct way.

I have already posted a logic for this. You can check this out.

Scale windows forms window

You just need to add that code to your windows form.

edited May 23 '17 at 12:27

Community

1
1

answered Aug 19 '14 at 03:16

Shell

6,818
11
39
70

my question is anchor set or not – senthilkumar2185 Aug 19 '14 at 03:33
no `Anchor` will not work in this case. So, if we are going to set button size and location manually then we should avoid the `Anchor` property. – Shell Aug 19 '14 at 03:35
what is happening? @sia – Shell Aug 19 '14 at 05:49
@Shell - still the size of button control change as screen resolution is changed. I even tried this formula double pixel = -1; pixel = Centimeter * 96 / 2.5d; return (int)pixel; – sia Aug 19 '14 at 06:07

score 0 · Answer 2 · edited May 23 '17 at 11:43

0

Adapting https://stackoverflow.com/a/4767664/3745022 we can get:

private int CentimeterToPixel(double Centimeter)
{
    double pixel = -1;
    using (Graphics g = this.CreateGraphics())
    {
        pixel = Centimeter * g.DpiY / 2.54d;
    }
    return (int)pixel;
}

// ...

button.Width = CentimeterToPixel(2);

Few points:

It uses DpiY for conversion, that may(hardly possible, but nonetheless) differ from DpiX.
You may want to read about DPI aware applications, DPI awareness is a better choice than manual scaling, because in manual scaling you are responsible for everything that should be scaled(fonts, margins, size...)

edited May 23 '17 at 11:43

Community

1
1

answered Aug 19 '14 at 05:20

Eugene Podskal

10,270
5
31
53

@sia How exactly it does not work? What is the value returned from CentimeterToPixel? Have you tried to debug CentimeterToPixel? What is the value of g.DpiY? – Eugene Podskal Aug 19 '14 at 05:43
@EugenePodskal how can we get the actual size from dpi? because DPI will not be changed on screen resolution change. the control will be stretched when i change the resultion to `1024x768` from `1360x768`. – Shell Aug 19 '14 at 07:03
@Shell DPI(PPI) is our only(at least that I know of) way to correlate pixels and physical dimensions(resolution). DPI usually doesn't change automatically with resolution change, so in any resolutions different from standard or if DPI is inconsistent(manually changed) we will have controls that actually differ from desired physical size, but their "virtual physical size" will be correct. Unfortunately, as I now understand, it won't help in OP situation. Maybe someone will get a solution that takes into account both the DPI and the resolution to provide right physical dimensions on the screen. – Eugene Podskal Aug 19 '14 at 07:16

score -3 · Answer 3 · answered Aug 19 '14 at 02:58

Dont know Winforms but this could potentially be handled with CSS:

@media (min-width: 221px) {
    #button1 {
        width: 200px;
        height: 200px;
    }
}
@media (min-width: 280px) {
    #button1 {
        width: 240px;
        height: 240px;
    }
}

repeat for different screen sizes, and for button2. Can smaller and larger screen sizes than what I have defined.

Or could be handled using jQuery:

jQuery(document).ready(function ($) {

window.onresize = function () {
    if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
        $("#button1").width(($(window).width()) / (3));
        $("#button1").height(($(window).height()) / (3));
        $("#button2").width(($(window).width()) / (3));
        $("#button2").height(($(window).height()) / (3));
    }
    else {
        $("#button1").width(($(window).width()) / (1.5));
        $("#button1").height(($(window).height()) / (1.5));
        $("#button2").width(($(window).width()) / (1.5));
        $("#button2").height(($(window).height()) / (1.5));
    }
});

something like that anyway. Included the phone stuff in case that's what your looking for...

In that case, I'd probably read: http://social.msdn.microsoft.com/Forums/en-US/bfb15fd0-533a-47b8-af07-472310002f26/c-winforms-resizing-forms?forum=csharplanguage. Or try setting WindowState = WindowState.Maximized and anchor the buttons to ensure they keep their distance from the edges — user3685738, Aug 19 '14 at 03:19
you should update your answer and post some code and suggestion related to winform otherwise you may get down vote — Shell, Aug 19 '14 at 03:38

resize button controls on windows form to fixed size as per screen resolution

3 Answers3