How to make an ordinary joomla site into a compatible mobile template when viewed from mobile
A lot of the templating comes from working out what width of screen you're using (look for CSS Media queries), then it comes down to what mobiles (or screen widths) you want to support.
Try Mobile Joomla component (mobilejoomla.com)
Related
Hi I am working on a xamarin.forms cross platform app and I am not able to get proper UI If I check the same app on other phone there is misalignment in the buttons.Is there any code that can be used so the buttons look fine in all phones ?
Thanks
Making a responsive mobile app UI could actually be a challenge somehow. These two links however, might be helpful:
Adaptive UI with Xamarin.Forms
Tips for Building Adaptive Xamarin.Forms Apps
I am using Joomla 3.3.6 and I have a mobile responsive site. But certain modules I'm using on the site I would like to either disable completely or changed with the site is being viewed with a mobile browser. Does anyone know any scripts or extension I can use with Joomla to do this?
I searched for like 5 seconds and I found this post Joomla 3 hide module just for mobile devices which basically contains your problem
Website working fine in all browsers, but the issue is, it is loading webpage in mobile devices but with question mark in all images of the page. is it the problem with image size? if so, then what is the mobile image size need to be set?
It's like you've encountered BOM, you can see here to solve it: http://www.w3.org/International/questions/qa-byte-order-mark
The themes takes default mobile theme.. The new image property is created for that and re generated the thumbnails. It displays the images now in the mobile version...
i am building a new web site using asp.net mvc3 web application ,, and i found some free HTML5 templates in the web which i can add to my _layout view in my mvc3 web application. i read that HTML5 is able to automatically adapt to the screen size of any devices .
So does this mean that incase i use HTML5 inside my layout view , then my web site can be accessed using different mobile devices and the layout of my web site will automatically adapt to the screen size of the mobile devices?
BR
Not so simple. You need to contend with
Big variety of mobile devices. Some support HTML5, some partially support it and some don't support it at all.
Even if a mobile device does support HTML5, a mobile screen is a lot smaller than a desktop so it may not be able to rearrange the view properly.
How a user interacts with a mobile web app is quite different to a desktop web app, so even if it did rearrange the view properly the user experience could be crap.
A mobile user may be connecting over a low bandwidth connection. What size are your web pages, and are they suitable for distribution over 2g, 2.5g or 3g ?
Well, no, not always. HTML 5 is a very broad term and there are many devices. There is no real guarantee that something you write in any version of HTML 5 will show up as you want it in every browser except via testing it and experience from testing.
That said, I think you are referring to CSS media queries, which are not really related to ASP.NET MVC 3 or HTML 5. From the caniuse site here, you can get an idea of which browsers support media queries.
If you use CSS 3 media queries properly, and the browsers which you are targeting support the feature, then the answer to your question will be yes.
Nothing works automatically but I'd give it a guarded "maybe". The MVC3 sites I've developed work well on iPhone, iPad, Android and Windows Phone. For example link
Still needs to be valid HTML5, so I'd suggest using a validator though.
Screen size adaptation isn't a particular feature of HTML5 per se, it's a feature of a competent fluid design with HTML and CSS.
They should work out of the box on mobile devices (in the original iPhone demo, Steve Jobs showed how the iPhone did a good job of rendering existing websites), but there won’t be any automatic adaptation to screen size beyond what HTML already provides.
As far as HTML goes, <meta name="viewport"> can go a long way towards helping your site’s layout on Mobile WebKit-based devices (which is all iPhones, and I believe all Android devices). See e.g.
https://developer.mozilla.org/en/Mobile/Viewport_meta_tag
http://developer.apple.com/library/IOs/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html.
I have a HTML5 App and want to deploy it with Phonegap to iOS devices. The app is designed for smartphones. To make use of the iPad Screen I designed a new layout.
My idea:
Two seperate index.html files as the starting point for the app.
index.html for Smartphones
index-ipad.html for tablets
How can I make Xcode or Phonegap to load the appropriate html page when starting the app ?
Cheers
Johe
I would use one HTML file with CSS3 media queries doing the different layouts
I would start in Java. Depending on screen size it would call either the index.html or index-ipad.html. But if you're using Phonegap with proper CSS you should be able to use one index.html for both. Phonegap and CSS would do the work.
While I agree with user899641's suggestion that the device abstraction should be happening at the PG/CSS level, it's fairly trivial to modify the native PG library to do what you ask. In the case of iOS, PhoneGapDelegate.m contains a function called startPage which, as written, returns the static string index.html. You can modify this function to apply additional logic and return a different start page accordingly.