Page 1 of 1

Website app( with header) and splash start screen!

Posted: Sat Jan 10, 2015 11:17 pm
by download ballet

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


Website app( with header) and splash start screen!

Posted: Sun Jan 11, 2015 5:35 am
by Illya Stepanov

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.

Website app( with header) and splash start screen!

Posted: Sun Jan 11, 2015 9:33 am
by download ballet

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!


Website app( with header) and splash start screen!

Posted: Sun Jan 11, 2015 11:19 am
by download ballet

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!


Website app( with header) and splash start screen!

Posted: Mon Jan 12, 2015 9:24 pm
by Illya Stepanov

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.