download ballet
Posts: 0
Joined: Sat Jan 10, 2015 11:17 pm

Website app( with header) and splash start screen!

i would like to create an app for my website and i read to put the javascript window.location.replace ('http://www.yousite.com') but i would like to have the header bar and not just the website page in all the screen!
also i would like to set up a splash start screen when you open the app!
Thanks

Illya Stepanov
Posts: 0
Joined: Mon Mar 18, 2013 8:48 am

Website app( with header) and splash start screen!

Hi -

Could you please clarify are you going to use it on devices or this will be a published on a domain web app?

If you're going to use it on a device you can consider this approach:
:: http://devcenter.appery.io/tutorials/...

or use another much a web oriented approach here:

  • add this JS code on the page show event:
    pre
    code
    $.mobile.activePage.find("[data-role=content]").css("padding", "0");
    $('[data-role="content"]', $&#46;mobile&#46;activePage)&#46;html('<iframe src="http:&#47;&#47;yoursite&#46;info" style="border:0" name="iframeName" width="100%" height="'+($&#46;mobile&#46;activePage&#46;find("[data-role=content]")&#46;height())+'"></iframe>');
    /code
    /pre
    Note: that you need to insert your site URL in iframe source attribute.
    and you can adjust width and height the way you need this is just an example.
download ballet
Posts: 0
Joined: Sat Jan 10, 2015 11:17 pm

Website app( with header) and splash start screen!

I would like to create an app of my website but i don't want just the webpage i would like to have also like header bar!

download ballet
Posts: 0
Joined: Sat Jan 10, 2015 11:17 pm

Website app( with header) and splash start screen!

I would like to create an app of my website but i don't want just the webpage i would like to have also like header bar!

Illya Stepanov
Posts: 0
Joined: Mon Mar 18, 2013 8:48 am

Website app( with header) and splash start screen!

Hi -

You can try the solution proposed by Yurii here: https://getsatisfaction.com/apperyio/...

and make needed corrections in CSS rule that will suits you.

Return to “Issues”