Icon View Thread

The following is the text of the current message along with any replies.
Messages 1 to 5 of 5 total
Thread Enhancing EWB Apps on IOS Devices
Thu, May 4 2017 2:01 PMPermanent Link

Mark Brooks

Slikware

Avatar

There are some websites that seem to have a couple of really nice features in an IOS environment:

- When they are pinned to the home screen, a nice icon appears rather than a screenshot
- When they are run in the browser, the browser UI shrinks to minimal

Using these features that become much more app-like. Both seem to require merely a few HTML tweaks, although I may be wrong:

- https://webdesign.tutsplus.com/articles/quick-tip-give-your-website-an-ios-home-screen-icon--webdesign-10067
- http://blog.initlabs.com/post/81716286465/how-to-display-websites-in-fullscreen-mode-in-ios7

I wondered if anybody had managed to achieve either of these? If so, did you modify the EWB emitted HTML manually or can it be addressed some other way?

If not currently possible, this might be a nice inclusion for the EWB project options dialog, in a similar manner to the way that one currently adds a favicon. Tim?

Mark
Fri, May 5 2017 3:30 AMPermanent Link

Matthew Jones

Mark Brooks wrote:

> I wondered if anybody had managed to achieve either of these? If so, did you modify the EWB emitted HTML manually or can it be addressed some other way?

I wrote a little tool in Delphi to search for the title, and then insert new meta items in the header. This was run in the FinalBuilder build process, so done for releases. This was in EWB v1 days, and worked well. I've not tried it recently.

--

Matthew Jones
Fri, May 5 2017 3:55 AMPermanent Link

Chris Holland

SEC Solutions Ltd.

Avatar

Team Elevate Team Elevate

Hi Mark,

You can achieve both of these by using Cordova (Phonegap) and building
the website into an IOS app. It also then becomes available on the IOS
store.

Chris Holland
[Team Elevate]

On 04/05/2017 19:01, Mark Brooks wrote:
> There are some websites that seem to have a couple of really nice features in an IOS environment:
>
> - When they are pinned to the home screen, a nice icon appears rather than a screenshot
> - When they are run in the browser, the browser UI shrinks to minimal
>
> Using these features that become much more app-like. Both seem to require merely a few HTML tweaks, although I may be wrong:
>
> - https://webdesign.tutsplus.com/articles/quick-tip-give-your-website-an-ios-home-screen-icon--webdesign-10067
> - http://blog.initlabs.com/post/81716286465/how-to-display-websites-in-fullscreen-mode-in-ios7
>
> I wondered if anybody had managed to achieve either of these? If so, did you modify the EWB emitted HTML manually or can it be addressed some other way?
>
> If not currently possible, this might be a nice inclusion for the EWB project options dialog, in a similar manner to the way that one currently adds a favicon. Tim?
>
> Mark
>

--
Chris Holland
[Team Elevate]
Fri, May 5 2017 10:24 AMPermanent Link

Mark Brooks

Slikware

Avatar

Thanks guys.

I'd like to avoid a PhoneGap type approach if possible, primarily because I'll need to provide real-time app updates. It therefore looks like I'm into manual HTML modification post-compilation. If you're listening Tim, could these types of functionality potentially find their way into the project options dialog one day, per the favicon support?

Mark
Sat, May 6 2017 11:42 AMPermanent Link

Uli Becker

For those who are interested in a solution for Android: there is an
interesting link on that:

https://developers.google.com/web/fundamentals/native-hardware/fullscreen/

I just tried the "manifest" solution and it works great.

Uli
Image