I want to implement External Fixed Persistent Header/Footer in my hybrid APP.
My APP has:
let's say three initial "pages" with External Fixed Persistent Header but no Footer at all;
at that third "page" I have a link to a series of "pages" with
External Fixed Persistent Header, but now, they have also a External Fixed Persistent Footer.
I'm trying this schema without success. That is, fixed persistent header looks great, but the addition of persistent footer (from the fourth screen) is not working at all.
Is it possible or I must take a different design approach?
Best regards.
Related
We are looking at options for loading dynamic content and layout for an iOS app. We are trying to stay away from loading html in webviews (ie, PhoneGap).
Something like:
1. App requests a view from the server.
2. Server sends back some textual data describing the view.
3. App turns the text into UIButtons, UIViews, UITableViews, etc and puts them into their respective places as described in the view.
Does anyone know of a tool or framework that can take some information (JSON, XML, whatever) and turn it into a layout with native objects?
I have a website at http://bit.ly/1h3HLVE
There are two issues I am trying to resolve regarding viewing the website on mobile devices.
The dropdown boxes in the top navbar do not work on mobile viewing (with my iphone anyway)
When I load the website the first time it is zoomed in on my mobile, and I need to zoom out to see it properly. I'd like to find a way to have it automatically open at the right size for the mobile device.
Can anyone help with either of these?
What you are trying to do is called responsive design, the easiest way would be learn a little about Bootstrap, Bootstrap is framework for design, there is a gem for rails called bootstrap-sass for easy integration, with this you can set different behaviours for different devices (this is one of the functionalities of bootstrap), you can hide for example your navbar in mobile devices and show another smaller in mobile. Bootstrap also has responsive adaptive support for images and tables, that it will change according to the width of the device dynamically.
Of course, if you are hiding items they will still loading to your site so eventually it could be a little hard to loading, you can use browser gem then, this one allow you to have different behaviors for different devises with conditionals(mobile? desktop? e.g.) and also let you have different views for each one.
Check both of them, is a good place too start and there is lots of guides for those, regards.
I can not use UIWebView because I want the text to be accessible even if the user does not have Internet access on their phone. Also, I will need to have buttons to other screens on the app and I think that is not possible with UIWebView (right?)
Is there a way for me to edit the xml of the screen directly inside Xcode? My requirement is to have about 10 sections with header labels and buttons before each, so if I have to adjust it on the storyboard screen, it will be a bit nightmarish.
What is a reasonable approach for me here? I think only to edit the xml by hand and hardcode it with styles and text, right?
several things here:
webviews only need an internet connection if you are downloading the content for the view (which doesnt seem like what you want anyway, aren't you just building it locally?)
you can make the buttons in a webview do whatever you want. See this answer.
What is so complex about this UI that you can't just build it the regular way in code or IB?
Just because you consider using a UIWebView it doesn't mean you are restricting your application functionality to internet access.
You can just as well have HTML documents in the application bundle that you display in a webview. This is basically what PhoneGap is doing.
If you don't want to use webviews then nothing is stopping you from using UIViews, UILabels, UIImageViews etc and compose your app how you want.
I've been developing an iPad web app over the past three days, and I'm trying to have internal horizontal scrolling, without allowing the rest of the page to move/zoom in ect. Essentially I want to lock it to specific co-ordinates, whilst allowing certain elements to scroll. If you're on an iPad you can see it here: http://streamerforipad.webs.com/app.html. It'll look kinda weird on a desktop. Also, sorry for my abysmal coding skills, I plan to clean it up with external CSS at some point.
P.S. Remember this is a web app so native code is a no-go.
Thanks!
You can disable scrolling within certain element areas using the following:
$("element,element2").bind("touchmove",function(e){
e.preventDefault();
});
is there a way to keep a persistent header in jQuery mobile?
I'd like to benefit from the changePage functionality and events offered by the framework, but want to keep the navigation the same across pages.
At the moment, jQuery Mobile's persistent headers disappears/reappears when you scroll.
But they are experimenting with a scrollview which might provide the functionality you are looking for. You can see the docs for the scrollview here.
Other than that, there's always iScroll