Last post Dec 15, 2017 08:07 AM by AngelinaJolie
Dec 12, 2017 06:28 AM|ASPBabe|LINK
I have created an old ASP.NET data entry web site that has been working fine with pc users. Now my project manager gave me some smart phone html graphics samples and asked me to implement them into my web pages so that they can fit in mobile device screens
to serve mobile users. For countless hours I have been juggling
over css and html modification. So far no viable result has been achieved. Anyone who has successfully done this kind of conversion please kindly advise. Thanks.
Dec 12, 2017 06:01 PM|PatriceSc|LINK
It really depends on how your site is currently built.
The general concept you are looking for is likely https://en.wikipedia.org/wiki/Responsive_web_design. A popular framework is http://getbootstrap.com/.
You could also have a look at
Once again how easy it is will likely depends on how the current site is currently written.
BTW if the site is really complex, another option could be to create particuliar simplified mobile pages that won't offer the full experience but rather what makes more sense for a mobile user.
Dec 13, 2017 07:46 PM|KathyW|LINK
friendly ones. The simpler the original html structure, the easier it will be, and tables will be the most difficult to handle. Depending on how you created your data entry forms, you may need to change which controls you used to have the html elements that
end up on the page be floatable/movable. There is no general set of instructions to follow. If you are not already familiar with media queries and mobile design, you will have a learning curve and this will not be a quick project. Whatever you do, test
all changes in all the browsers you support, frequently.
The more common thing to do today is to start by using a framework that is inherently mobile friendly.
Dec 15, 2017 08:07 AM|AngelinaJolie|LINK
they can fit in mobile device screens to serve mobile users. For countless hours I have been juggling
over css and html modification.
Sir, I suggest that you could tell your boss and re-design another mobile version for the mobile because your PC site has built.
and that's the popular method. and at the same time, it
means that we need to create another project for the mobile version site.
In the mobile version site, it just needs put in more less page. and less function in one page than common PC page;
Now my project manager gave me some smart phone html graphics samples and asked me to implement them into my web pages
If it only needs to do some change to a few pages, I suggest that you could add js to check if it 's mobile screen, if yes, then redirect to the mobile page;
Both all means it needs to build two different pages, one is for PC, one is for mobile;
2 and when only we start to build a new site, that 's a working way to use http://getbootstrap.com/ , or
other Plug-in for responding.
3 if you still need to change the current PC Html to Mobile Html, A guy said that he deleted all content ( html, CSS) from PC html just leaving the key content, For example, the detail
page, just leave the textbox and submit button, then all re-design with responding;
and re-sign the navigation bar
With regards, Angelina Jolie