IPad web apps startup image

I've been looking around all over the Internet and haven't been able to find an answer to this question; hopefully this forum will help me.
I know that there is a apple-touch-startup-image meta tag that can be used to set a startup image on iOS web applications. I know that if there is an image provided with dimensions of 768 pixels wide and 1004 pixels tall, it will be used when launching a webapp in portrait mode. However, as far as I can tell, there is no way to set a default image when launching in landscape mode. This seems kind of silly, so I'm hoping that somebody has heard of a selector of some kind that can be used for this.
Thanks.

1/ Add the "Launch image (iPad)" key to your application Info.plist file
2/ Set the value of this key, for example "MyStartupImage.png"
3/ Include 2 image files in your application, named "MyStartupImage-Portrait.png" and "MyStartupImage-Landscape.png"

Similar Messages

Nasty iframe bug in iPad web app development?

When a page in an frame contains a text box towards the bottom of the page(s), the whole page will bounce when data is entered.
Only occurs in 'web app' mode.
No javescript on pages, worlds simplest HTML, but it is badly broken
A sample here...
http://iPad.papwalker.com
Must be set to home screen by pressing the plus to send to home screen.
Any ideas?

I have always found spell check to be "buggy" in every version of all of the iOS's that I have run on my original model iPad and my new iPad - especially when replying and typing posts in these forums. It works perfectly in every other application on my iPad but it has never worked perfectly in any web browser that I have used on my iPad - no matter what I have done to try to correct it. That is what MY experience has been with spell check on my iPads.
As for the crashes on your iPad try these basic troubleshooting steps.
Restart the iPad by holding down on the sleep button until the red slider appears and then slide to shut off. To power up hold the sleep button until the Apple logo appears and let go of the button.
Reset the iPad by holding down on the sleep and home buttons at the same time for about 10-15 seconds until the Apple Logo appears - ignore the red slider - let go of the buttons.
Quit all apps and restart. Go to the home screen first by tapping the home button. Quit/close open apps by double tapping the home button and the task bar will appear with all of you recent/open apps displayed at the bottom. Tap and hold down on any app icon until it begins to wiggle. Tap the minus sign in the upper left corner to close the apps. Restart the iPad. Restart the iPad by holding down on the sleep button until the red slider appears and then slide to shut off. To power up hold the sleep button until the Apple logo appears and let go of the button.

IPad Web App updating issue

My iPad is showing 2 web app updates in the queue. However, when I click on 'Updates' in the App Store, no updates are showing. Any ideas how I can both get the updates to show and then to download the updates?

There are countless posts about this. There's a problem at Apple's end and has been so for several days.
However, I have no trouble updating using itunes on my computer and later syncing to my device.

IPad Web App full screen mode Network Connectivity Retry Option

Hi,
I have developed a web application in HTML5 for iPad (full screen mode). Now I am testing the application on iPad for connectivity scenario i.e. to see how the app behaves when the connectivity is lost and then resumed after some time.
Steps -
Launch the web application in full screen mode from home screen (connected to a wifi network).
Click on any button to submit the form and at the same time turn off external wifi modem.
A pop-up message appears with the options to close or retry.
Now turn on the modem and click on retry.
The expectation is that on clicking retry the data in the web form should be sent to the web server, but instead of POST request, a GET request is being sent. Because of this, the data filled in the form is lost as the page is simply refreshed.
Can anyone please help me in resolving this issue.
Thanks
Nitin

This is more of a feature of the browser already.
With iOS6, Mobile Safari on the iPhone introduced full-screen browsing support in landscape mode.
http://howto.cnet.com/8301-11310_39-57513848-285/how-to-use-safaris-full-screen-mode-on-io s-6/
One isn't able to take advantage of this feature in portrait mode though. However, the meta tag you're referring to in order to hide Safari UI Components requires the webapp to be added to the Homescreen; then when you launch the site through the icon on the Homescreen, you would find the UI components hidden.
Also, the latest version of Chrome for iOS released a couple of days ago includes the ability to view pages in fullscreen as well (for both landscape and portrait modes) with scrolling gestures enabling the hiding and showing of the omnibox and toolbar while navigating down a page.
http://appleinsider.com/articles/13/04/09/google-updates-chrome-search-ios-apps-with-airpr int-and-improved-voice-capabilities
Thanks,
Vinayak

Problems with "save for web" app low quality messed up images

Please help I have never had a problem with the "save for web" application before (over three years) I am currently running A.I. cs3 on windows vista. in the past whenever I save anything this way the images were always clean. as of yesterday everything I try to save through the save for web app the images are very low quality all the vector has jagged edges, it is very low rez looking and the file sizes are very small, half the size they normaly would be. What did I do to change the settings or better yet how can I get it back to the way it was.

Thank you for your help I moved the folder but it still did not fix this problem. it is also not just the jpg option under the save for web app but all the setting ie. gif, png, ect. ect. Also the the files sizes are much less, example I exported a design as a jpg with the quality setting about 6 the file size was 374kb when I exported the same design through the save for web app the file size was only 45 kb on the quilty setting of 100. further more in the preview screen of "save for web" the original images as well as the optimized both look messed up. The "save for web" app has always worked for me in the past never a problem and I use this app alot so it is very important.

How to inspect web app using safari and ipad and USB cable?

On my mac I have
OSX 10.10.2 (14C109)
Safari Version 8.0.3 (10600.3.18)
On my Ipad 2 (MC769X/A) i have
OS 8.1.3 (12B466)
Safari Web Inspector "on"
Javascript "on"
There are no "privacy" or "private mode" settings that I can see.
I physically connected my iPad to my Mac and chose that I trust this computer. Confirmed that it's connected by looking in iTunes (and quit iTunes afterwards).
I opened a web app on my iPad that's running on my local server, and then opened safari on the mac.
I then opened the Develop menu and can see the ipad. The menu does not contain any other entries other than "Use for development..."
My mac also shows "No inspectable applications", whatever that means.
If I choose "Use for development" under the iPad menu, nothing at all happens and the menu item disappears.
To get the iPad sub-menu back again I have to quit Safari and then re-open it.

I'm sorry I don't buy this as an answer because:
it's for a question that is 2 years old and for older devices. My devices are all the latest version
I have XCode and I'm a member of the develop program already.
XCode does not offer a way to create a project or other pairing between safari on the mac and on the ipad, since that is a built in feature of Safari
It works with IOS Simulator, but not with the actual device even when all correct steps have been followed to pair / connect them
The problem I'm trying to resolve works in IOS Simulator but does not work on an actual device.

How to Upload Web App images to different server?

Hello,
is it possible to configure web app item submission so images are uploaded to a different server (not BC)?
Customers are uploading lots of images with their web app items and I'm really getting short on server storage. Buying extra space in BC servers is a bit expensive, especially when I need loads of it. Smart thing would be to AUTO resize images to take much less space in the server but this is not possible with BC as no back end is allowed (maybe this could good improvement in next releases? "Auto resizing images to the value indicated"). Some customers are uploading images of up to 9 MB size X 20. I could limit upload size (i guess), but thats a big hit to UX, they should then bother resizing their images on some software before uploading.
So far my solution is to simply download images from the server, resize them manually with PS and then upload them back again. Maybe someone knows better solution than photoshop to automate the resizing process? I actually can automate the process with PS but image names changes and this is another problem. So a program to auto resize loads of images and keep their original names?
Another solution could be manually storing images to another server and retyping the links in web app items, but its a bit too crazy
Thanks

Hi Ray,
Indeed, this is not possible as an 'out of the box' feature and looks like a long-shot if attempting to use a separate server for storage.

How do I add image upload to web app edit template?

How do I add image upload to web app edit template. When creating fields I am selecting image from the field type. But the only way to upload and image is when I create the web app item within the admin. The option to upload an image is not available when the user submit web form opens.
Wont send any of these questions through this email anymore but really needed assistance.
Thanks,
Gordon

On the Details tab of the Web App setup, under Web App Item Options; have you ticked "Allow File Upload" and specified a Default Upload Folder?

Uploading values for an image field in a web app. Nothing displays in layout.

I've uploaded the values (using the import) for a field defined as an image in a web app. When I try to display the field, nothing shows up. The value correctly shows up when I look at Web App items after the upload / import. I've uploaded the same value in a text field, just to learn what was happening, and the text field displays the image just fine when added to the layout.
I would like to use the image field type, as it's easier to correctly create the link when the web app is updated in the future.
Here is what works in the layout: <a href="{tag_link to page}"> <img alt="" class="column66_award_thumb" id="thx" src="{tag_image thumb}" /></a>
Note that {tag_image thumb} is a text field with the link stored in it. The value for each Web App Item which populates this field is a link to the image. (i.e. /Awards/139.jpg)
Here is what I want to work: <a href="{tag_link to page}"> <img alt="" class="column66_award_thumb" id="thx" src="{tag_thumbnail image_value}" /></a> , where {tag_thumbnail image_value} refers to a field defined as an image in the web app. It has the exact same value as {tag_image thumb}. I just copied the field values in the Excel spreadsheet (saved as .csv) when I uploaded it.
It looks like the image field works fine only when I manually create it in the web app. If this is the case, using the upload capability disables any ability to use the image field type.
Is there a workaround for this? Am I missing something?
The page I'm working on is http://www.e-a-a.com/awards When you view the source, you can see that the small thumbnail images are displaying just fine. (I'm using the text field). Whenever I substitute the image field name {tag_thumbnail image}, {tag_thumbnail image_nolink}, or {tag_thumbnail image_value}, the src value is always null.
How do I fix?

Hi there,
To do it properly you need to resize the image. Prefably before you put it into BC. While you can for scale the image in CSS you do not want to do this. Why? Because the images are still very big and likely not optimised as they should be for the web.
This means the page with these images will take a very long time to load for people, and people wont be to happy about that viewing your site.
You need to use software such as photoshop if you have it or iphoto on a mac for example to edit, crop and size images before you upload them. If you do not have anything you can use free web based tools such as this one:
http://pixlr.com/editor/
You can also do this within BC itself in the file manager. If you click the image you can see options to resize it. The downside of that is that is done by pure math. It does not know what is in the photo and the results can make the image look squished etc.

IPad IOS 8.1 full screen safari web app display issue

My company produces a web app that is intended to be used from the iPad's Full Screen Home Screen launch.
we are using the tags:
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" >
Since taking the updates to IOS 8, 8.1, & 8.2, when the app is launched in full screen mode from the home screen, the iPad's top line including the text "iPad", its signal strength, VPN status, current time, battery life, and blue-tooth indicators are superimposed on the top line of every page - making it difficult to read that top line of data coming from our app.
Additionally, there appears to now be a blank white band that shows up on the footer of the web app. Both of these new additions to the full screen appearance is yielding a somewhat less professional appearance.
Is there some sort of tag or other setting that we can use to hide these new areas that are appearing?

This is a better illustration. I'm thinking that the white band at the bottom of the screen should be at the top of the screen (like the iphone does) and the web content should be shifted down that amount of space.
the white band is hard to see with this white background however, but its obvious on the ipad in full screen mode... so go to the link on your device, save it to the home screen and relaunch...
http://www.initlabs.com/sample/ios7mobileweb.html
Is anyone else seeing this issue?

Stolen iPad was wiped and erased/synched my exchange calendar. I have recovered some of the calendar entries through the outlook web app, but only entries made in the last 15 or so days. Any ideas on how to recover the rest?

My ipad was stolen over the weekend and i immediately contacted apple to do a data-wipe.
On wednesday, the ipad was apparently wiped and then decided to sync with all of my other systems. It's been two days and I just figured out how to access and recover deleted items from the Outlook Web App from my exchange host.
They were scattered throughout and sorted by the date they were added to the calendar so some things are still missing. Anyone know how to restore what i'm still missing?

My ipad was stolen over the weekend and i immediately contacted apple to do a data-wipe.
On wednesday, the ipad was apparently wiped and then decided to sync with all of my other systems. It's been two days and I just figured out how to access and recover deleted items from the Outlook Web App from my exchange host.
They were scattered throughout and sorted by the date they were added to the calendar so some things are still missing. Anyone know how to restore what i'm still missing?

Add a link from image in web app

I need to add a link to social media site in a static image in a web app detail layout.
I have thought this would be...
<a href="{tag_facebook}"><img alt="" src="/_assets/css/images/social-facebook.png" /></a>
but this displays the link bedside the icon.
I have tried field type "Text string (Hyperlink)" and "Text string (String)".
any help appreciated.
thanks megan

Hey Liam,
Franchise list of stores added to a web app abd each store can have a different link added to the icon.
The icon is hard coded into the layout
The url needs to change for each
e.g. 15 Stores, some have their own Facebook page, some will link to a central Facebook page.
So the icon is static in the web app detail layout, but url changes.
When I add the code
<a href="{tag_facebook}"><img alt="" src="/_assets/css/images/social-facebook.png" />
the result in browser looks like...
thanks Liam

Is there any solution for convert document spreadsheet presentation to images with Office Web Apps?

Hi there!
Is there any solutions for convert document spreadsheet presentation to images with Office Web Apps?

Hi,
As far as I know, there is no build-in feature that convert Office file to image format in Office web app yet.
I'll collect the information, and submit it with internal ways. Then, we could also submit the feedback here:
http://office.microsoft.com/suggestions.aspx
Regards,
George Zhao
TechNet Community Support
It's recommended to download and install
Configuration Analyzer Tool (OffCAT), which is developed by Microsoft Support teams. Once the tool is installed, you can run it at any time to scan for hundreds of known issues in Office
programs.

Some email images do not show while using the icloud web app. I can see the images on my IOS devices and in gmail but I only see a small gray box in the icloud web mail app. Load HTML images is checked in preferences.

Some email images do not show while using the icloud web app. I can see the images on my IOS devices and in gmail but I only see a small gray box in the icloud web mail app. Load HTML images is checked in preferences. Is there a solution to this issue?

I've seen the opposite issue. My wife recieved an email with jpg attachments. She couldn't see or print them on her iPhone 4S but they showed up fine in iCloud or in the mail app. I had her forward the email to herself and then they showed up. I assume there is an issue with how Apple is processing the attachments and resending causes them to get reformatted in a way that makes them easier to handle.
So yeah. Seems like some bugs. Hope Apple fixes them soon.

No vector images in web-app for iPhone !?

Hello
I am developping a web-app for the iPhone
as the bandwith is low (in edge mode) I want to use vector images instead of bitmaps (gif, png ...)
- but flash (.swf) is not supported
- SVG is not supported, only Canvas is supported
- but no "Canvas editor" is available (I don’t want to draw icones using hundreds of javascript lines ! )
- and no "SVG,SWF -> Canvas" convertor is available
Am I wrong ?
Is there any solution ?
Is 1.1.3 now solving the problem (SVG now supported ?)
thank you for your help
Michel

additional remark:
I made some tests, a vectorized icon could be 30 times smaller (and therefore faster to load) than its ".png" version !
15ko in edge mode = about 1 second to wait ...

IPad web apps startup image

Similar Messages

Maybe you are looking for