How to make a aspx website compatitble with mobile - asp.net

I have created a Login webpage in asp.net with oracle as back end. Its kind of portal thing.
When I am loading the web page in laptop browser its completely fine.
When I am loading the web page in mobile browser its loading as normal with no problems.
But I want to load the page with a customized view when browsed in iPhone/mobile . Can anyone give me idea how to do it please?
Example: when facebbook.com loads in iphone it uses the same databse but completely different view than in desktop.
Thank you

The best way I find to do this is to add a separate mobile site (e.g. m.domain.com), and have mobile browsers redirect to this.
For adding a seperate mobile site, this guide seems to explain it very well.

Related

How do I update my website cached version on Google cachedview?

I am developing a website and I faced an issue today on my site, I will try to briefly explain the scenario hoping anyone could give a proper explanation for it.
My website is a WordPress website and I have the coming soon page activated so users will be redirected to it.
Two days ago I turned that plugin off by mistake and users were able to see my page. Today I turned it back on, and that's where the issue arises.
In full web (desktop) the coming soon page is visible and working fine, but when I hit the responsive view on my chrome browser the page is still available and the welcome page is not. In the sources tab, I can see the hosted directory being loaded so I went to the hosted directory (public_html) and I hid the folder that contains all the assets (renamed it to .foldername).
I hit refresh still loads the old page when I hit ctrl+shift+r I get the new version. On Firefox the scenario isn't reproducible it just happens on responsive view on Google Chrome browser.
Can anybody explain to me what's happening I assume it has something to do with Google caching my webpage and never updating it. But if like to hear a more professional explanation Thanks.
Have you tried clearing your Cache in Google Chrome? Also, Have you enqueued any Scripts or Styles in your functions.php file? If so, increase their version number. This will force the browser to download the Scripts and/or Styles again rather than loading any Cached copies.
Hope this helps to resolve your problem(s).

Wordpress app with Cordova

I have a Wordpress hosted application and I need to create a mobile version of it. As I read in one article, there is a way create a mobile application from hosted web application (not sure if that technique has any particular name). I was able to create the mobile application but I ran into a issue; when I am redirecting to any page, the mobile application is opening the browser to show the page. After some research I found that the solution will be to change all the href to window.open(url, '_system'). Is there any easier way to solve this issue?
The same article shows how to use the Camera plugin with the hosted ASP.Net application. Could anyone suggest an article that shows how to do the same thing but with Wordpress application.
You should have a look at WordPress hybrid project if you are looking for managed and performance enhanced app.
Otherwise, you can also use inAppBrowser for easy and fast development here is a Docs.

Converting asp.net website to mobile site

I have my Desktop version ready.Is there is any faster method or tool which will help me to convert my website to mobile site.
Check out this link. This may help you.
The best way is to add a separate mobile site and have mobile browsers redirect to this.
Go through this guide for adding a separate mobile site .

Phonegap app issue : links within iframes take over the whole screen

I'm building a phonegap app. It contains an iframe which loads the pages from another domain. Those pages may contain some links. When I open up those links on iOS, the links take over the whole screen. Then I have no way to go back to the application. On android, the link cannot be opened due to "Forbidden by X-Frame-options". Any ideas how to fix it? Thanks

Web page download progress with percentage

i saw that flash website can be develop to show percentage of loading page. when web page is downloading in client machine then a percentage is shown and show much content is downloading in client machine. so i just want to know the same effect can be achieve in asp.net website where we will show the percentage of the page content is downloading in client machine with the help of JQuery when page will be requested by user.
please discuss how to achieve it. thanks.
GMail uses a loading bar as well. Here is a blog posting on how to make one for your own website, might be handy:
http://yensdesign.com/2008/11/how-to-create-a-stylish-loading-bar-as-gmail-in-javascript/

Resources