locked
How to resize my web site for desktop mobile and tablet when click occur on relevant buttons RRS feed

  • Question

  • User264732274 posted

    first see the web site template http://thevectorlab.net/theme/?theme=Admin%20Lab

    this web site template made a provision to resize the site at run time for desktop mobile and tablet when click occur on relevant buttons. see the link and see there are few button at top left where user click to resize the site and see how web site look like when user visit the site from mobile or tablet, desktop etc.

    suppose i want to develop a site where i will provide 3 buttons where user click and my web site will resize at runtime for desktop mobile and tablet. so user can see and feel how the site look like when user visit the site from mobile or tablet, desktop etc.

    so tell me how could i develop such dynamic resize functionality.

    thanks

    Tuesday, October 6, 2015 5:34 AM

Answers

  • User603616845 posted

    Hi,

    Here you just need to make your site to be responsive. You can find various of library on net which is useful to create the responsive website.

    As per my recommendation, you just need to use bootstrap here to make responsive.

    Please find the below link on this forum where I have given the links which helps to you more.

    http://forums.asp.net/t/2068493.aspx?Responsive+Design+in+Net+applications

    Hope this will help you.

    thanks

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Tuesday, October 6, 2015 5:40 AM

All replies

  • User1494275052 posted

    You should really consider building a responsive website rather than providing users with a button to change the viewport size. What happens if a mobile user doesn't click the button? They'll see the desktop site and have a poor experience as a result. Responsive websites automatically change the display based on the size of the viewport. You can either write your own (look up responsive grid in Google) by using media queries, or use one of the many frameworks out there for this, such as Bootstrap or Foundation.

    Tuesday, October 6, 2015 5:39 AM
  • User603616845 posted

    Hi,

    Here you just need to make your site to be responsive. You can find various of library on net which is useful to create the responsive website.

    As per my recommendation, you just need to use bootstrap here to make responsive.

    Please find the below link on this forum where I have given the links which helps to you more.

    http://forums.asp.net/t/2068493.aspx?Responsive+Design+in+Net+applications

    Hope this will help you.

    thanks

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Tuesday, October 6, 2015 5:40 AM
  • User264732274 posted

    the link i posted which will resize as per device width and height but they provide buttons as a result desktop user can see how page would look like in various device.

    i am looking for js code which will provide me the same functionality. thanks

    Tuesday, October 6, 2015 6:30 AM
  • User264732274 posted

    @Mukesh i am looking for different answer. i am looking for js code which will provide me the same functionality. share idea if possible. thanks

    Tuesday, October 6, 2015 6:33 AM
  • User475983607 posted

    the link i posted which will resize as per device width and height but they provide buttons as a result desktop user can see how page would look like in various device.

    i am looking for js code which will provide me the same functionality. thanks

    I use google Chrome for this sort of thing.

    https://developers.google.com/web/tools/setup/device-testing/devtools-emulator

    Tuesday, October 6, 2015 6:36 AM
  • User603616845 posted

    Hi,

    There is link where you can download the source code for these type of template..

    https://almsaeedstudio.com/

    http://startbootstrap.com/template-overviews/sb-admin/

    https://daveismyname.com/free-bootstrap-admin-themes-bp

    Hope this will help you.

    thanks

    Tuesday, October 6, 2015 6:37 AM