Robert6548600
Posts: 0
Joined: Sun Jan 05, 2014 12:52 am

App Padding and header

When I add an image to the start screen there is padding all round. How can I make the image go edge to edge of the app? Im wanting to create a more custom UI and need to utilise the full width.

Also, is it possible to deactive heading and add a grid as a static header with custom css styling?

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

App Padding and header

Hi Robert,

This links should help:
:: https://getsatisfaction.com/apperyio/...
:: https://getsatisfaction.com/apperyio/...

[quote:]
Also, is it possible to deactive heading and add a grid as a static header with custom css styling?
[/quote]

You can untick "Show Header/Show Footer" options in StartScreen properties.
About adding a grid as a static header -- if there is such approach in jQuery Mobile you can use it, but it should be coded by you.

Robert6548600
Posts: 0
Joined: Sun Jan 05, 2014 12:52 am

App Padding and header

so how do I get into the source code to modify for the jquery mobile static heading

Robert6548600
Posts: 0
Joined: Sun Jan 05, 2014 12:52 am

App Padding and header

Also, I dont want a background image, I want to insert an image but ensure it is the full width of the app - more like a header graphic.

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

App Padding and header

This tutorial should help :: http://docs.appery.io/tutorials/sourc...

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

App Padding and header

Please take a look here :: https://getsatisfaction.com/apperyio/...

or to remove padding you can use this CSS:
pre
.ui-content.startScreen_mobilecontainer1 {
padding: 0px 0px 0px 0px !important;
height: 100%;
}
/pre

Return to “Issues”